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

修业时代朱 5072

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

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

本版达人

新手68983...

本周分享达人

零和一网络

本周提问达人