×

#每日一记#为HW行动开发个小工具-前端配置篇
  

修业时代朱 2440

{{ttag.title}}
本帖最后由 修业时代朱 于 2021-3-2 11:02 编辑

  • 项目前端配置




       说明:该Web项目不搭配数据库进行开发
       第一步:在IDEA中,以DEBUG方式,启动通过start.spring.io下载打开后的项目,测试框架项目是否能正常启动。
      
      查看启动日志,出现以下信息,则表示项目已成功启动
      
      第二步:修改Tomcat端口,将8080改为80。在application.properties文件中,输入server.port=80即可,重新启动项目进行观察
      
      此时,已经将端口改为80,可以直接在浏览器中访问进行测试,能打开页面即为成功。
      第三步:配置Thymeleaf模板引擎,在application.properties中写入以下配置信息
      # Thymeleaf配置
      spring.thymeleaf.cache=false
      spring.thymeleaf.mode=LEGACYHTML5
      spring.thymeleaf.encoding=UTF-8
      spring.thymeleaf.prefix=classpath:/view/
      spring.thymeleaf.suffix=.html
      对应的,在resources目录下,创建view目录,该目录以后将存放前端代码
      第四步:进行web配置,在utils目录下创建一个config目录,方法为在utils-右键-new-package,输入config,点击确定,在config目录下创建一个WebConfig.java文件,方法为在config-右键-new-java class,输入WebConfig,点击确定。如下图所示。
      
       第五步:编写WebConfig.java文件。代码如下
  1. package cn.anctec.utils.config;

  2. import org.springframework.context.annotation.Configuration;
  3. import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
  4. import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
  5. import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

  6. @Configuration
  7. public class WebConfig extends WebMvcConfigurerAdapter{

  8.     @Override
  9.     public void addViewControllers(ViewControllerRegistry registry) {
  10.         registry.addViewController("/").setViewName("view.html");
  11.         super.addViewControllers(registry);
  12.     }

  13.     @Override
  14.     public void addResourceHandlers(ResourceHandlerRegistry registry) {
  15.         registry.addResourceHandler("/view/**").addResourceLocations("classpath:/view/");
  16.         super.addResourceHandlers(registry);
  17.     }
  18. }
复制代码
      第六步:view目录下上传jquery.min.js文件和新建view.html文件
       jquery文件下载: jquery.zip (28.21 KB, 下载次数: 0)
      
       第七步:启动项目测试,出现空白页面,则表明项目初步搭建配置成功
      

63216603c85af64bab.png (65.33 KB, 下载次数: 164)

63216603c85af64bab.png

打赏鼓励作者,期待更多好文!

打赏
7人已打赏

飞翔的苹果 发表于 2021-11-4 08:33
  
感谢分享,有助于工作,学习学习
有bear来 发表于 2021-9-26 16:08
  
感谢楼主无私分享,学习一下
新手486484 发表于 2021-4-22 21:17
  
坚持每天登陆论坛学习   
新手078326 发表于 2021-4-5 11:17
  
感谢分享,学习一下.
薛龙龙 发表于 2021-4-1 10:21
  
感谢分享,学习收藏。
dhf 发表于 2021-3-6 11:03
  
感谢楼主的精彩分享,有助工作!!!
吃馒头的大豆豆 发表于 2021-3-6 09:38
  

感谢楼主的精彩分享,学习了!
guafeng00 发表于 2021-3-5 08:48
  
发帖辛苦,感谢分享~
发表新帖
热门标签
全部标签>
西北区每日一问
技术盲盒
安全效果
【 社区to talk】
技术笔记
干货满满
每日一问
信服课堂视频
GIF动图学习
新版本体验
技术咨询
2023技术争霸赛专题
功能体验
产品连连看
安装部署配置
通用技术
秒懂零信任
技术晨报
自助服务平台操作指引
原创分享
标准化排查
排障笔记本
玩转零信任
排障那些事
SDP百科
深信服技术支持平台
POC测试案例
畅聊IT
答题自测
专家问答
技术圆桌
在线直播
MVP
网络基础知识
升级
安全攻防
上网策略
测试报告
日志审计
问题分析处理
流量管理
每日一记
运维工具
云计算知识
用户认证
解决方案
sangfor周刊
VPN 对接
项目案例
SANGFOR资讯
专家分享
技术顾问
信服故事
功能咨询
终端接入
授权
设备维护
资源访问
地址转换
虚拟机
存储
迁移
加速技术
产品预警公告
信服圈儿
S豆商城资讯
技术争霸赛
「智能机器人」
追光者计划
社区帮助指南
答题榜单公布
纪元平台
卧龙计划
华北区拉练
天逸直播
以战代练
山东区技术晨报
文档捉虫活动
齐鲁TV
华北区交付直播
每周精选
2024年技术争霸赛
北京区每日一练
场景专题
故障笔记
高手请过招
升级&主动服务
高频问题集锦
社区新周刊
全能先锋系列
云化安全能力

本版达人

新手68983...

本周分享达人

零和一网络

本周提问达人