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

修业时代朱 1425

{{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, 下载次数: 26)

63216603c85af64bab.png

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

打赏
7人已打赏

guafeng00 发表于 2021-3-5 08:48
  
发帖辛苦,感谢分享~
吃馒头的大豆豆 发表于 2021-3-6 09:38
  

感谢楼主的精彩分享,学习了!
dhf 发表于 2021-3-6 11:03
  
感谢楼主的精彩分享,有助工作!!!
薛龙龙 发表于 2021-4-1 10:21
  
感谢分享,学习收藏。
新手078326 发表于 2021-4-5 11:17
  
感谢分享,学习一下.
新手486484 发表于 2021-4-22 21:17
  
坚持每天登陆论坛学习   
有bear来 发表于 2021-9-26 16:08
  
感谢楼主无私分享,学习一下
飞翔的苹果 发表于 2021-11-4 08:33
  
感谢分享,有助于工作,学习学习
发表新帖
热门标签
全部标签>
每日一问
技术盲盒
每周精选
干货满满
技术笔记
产品连连看
标准化排查
技术咨询
技术晨报
GIF动图学习
新版本体验
安装部署配置
2023技术争霸赛专题
功能体验
文档捉虫活动
通用技术
秒懂零信任
自助服务平台操作指引
信服课堂视频
答题自测
每日一记
玩转零信任
技术圆桌
在线直播
问题分析处理
用户认证
畅聊IT
专家问答
MVP
网络基础知识
升级
安全攻防
上网策略
测试报告
日志审计
流量管理
运维工具
云计算知识
原创分享
解决方案
sangfor周刊
VPN 对接
项目案例
SANGFOR资讯
专家分享
技术顾问
信服故事
SDP百科
功能咨询
终端接入
授权
设备维护
资源访问
地址转换
虚拟机
存储
迁移
加速技术
排障笔记本
产品预警公告
信服圈儿
S豆商城资讯
技术争霸赛
「智能机器人」
追光者计划
深信服技术支持平台
社区帮助指南
答题榜单公布
纪元平台
卧龙计划
华北区拉练
天逸直播
以战代练
山东区技术晨报
齐鲁TV
华北区交付直播
2024年技术争霸赛

本版达人

新手68983...

本周分享达人

零和一网络

本周提问达人