SpringBoot
SpringBootSpringBoot项目建立新建项目,勾选依赖项,如:
Developer Tools中的Lombok(通过注释简化java开发)
Web中的Spring Web(相当于SpringMVC)
SQL中的Mybatis Framework(Mybatis的框架)和MySQL Driver(MySQL的驱动)
数据库设计通过Navicat创造新的MySQL数据库,并设计表格的名称,类型,以便于后端拿数据
SpringBoot各级设计配置类编写12345678910111213141516171819202122232425262728293031323334353637383940#--------------------------通用配置-------------------------spring: application: # 应用名 name: novelserver: port: 80--- #---------------------数据库配置---------------------------spring: datasource: ...
Vue
Vue流程Vuecil脚手架安装依次安装Node.js、Vue、Vuecli
安装脚手架
1npm install -g @vue/cli
检查版本
1vue --version
创建项目1vue create hello-world
图形化界面1vue ui
项目结构
12345678910111213141516├── node_modules ├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── HelloWorld.vue│ │── App.vue: 汇总所有组件│ │── main.js: 入口文件├── .gitignore: git版本管制忽略的配置├── babel.config.js: babel的配置文件├── package.json: 应用包配置文件 ├── README.md: 应用描述文件├── package-lo ...
项目流程
项目流程前端在本项目中前端的页面都采用了vue的渐进式开发,依托后端来启动所有的项目,且采用了element-ui所提供的样式,使得页面更加整洁美观
后端在项目的后端使用maven提供专业化的目录,以及进行项目的打包和快捷的插件管理,整体都使用lombok的注解式开发,再以spring-boot作为项目的主框架,加快项目的开发应用,也更方便对接mysql的数据库
数据库而在数据库方面,使用了国人所升级的MybatisPlus,再在controller层实现业务逻辑,通过@RequestMapping来接受页面所发送的ajax请求以及json数据,同时利用DTO将多个字段封装到一个对象里,实现对于数据库基本的增删改查,最后在前端回显所修改的数据,在这整个用户交互的流程中,filter层会保持拦截用户所不该访问的页面,也会使用Redis来进行缓存优化,来达到更好的用户体验
部署项目而在部署项目上采用腾讯云的云服务器,以及Git仓库来管理历史版本的代码以及团队协作,在Linux系统上进行部署,保证项目的安全性,再通过SSH连接工具就可以实现从本地连接到远程的Linux系统服务器