从0开始,构建前后端分离应用
程序员文章站
2024-01-17 16:51:22
最近业余时间比较充足1,想开发一个小系统。作为自己的技术积累 后端使用Spring+SpringMVC+Mybatis框架、前端使用Vue+iView作为基础开发一个前后端分离的SPA应用 目录 1、环境搭建 1.1 Maven+Nexus搭建后台构建环境 1.2 webpack搭建后端构建环境 2 ......
最近业余时间比较充足1,想开发一个小系统。作为自己的技术积累
后端使用Spring+SpringMVC+Mybatis框架、前端使用Vue+iView作为基础开发一个前后端分离的SPA应用
目录
1、环境搭建
1.2 webpack搭建后端构建环境
2、前端开发
3、后端开发
环境简介
由于是个人练习的小项目,因此开发环境设计也很简单。物理环境包括一台dbServer、一台配置服务器、一台应用服务器
服务器名称 | 服务器IP | 操作系统 | 部署内容 |
dbServer | 192.168.0.112 | CentOS7 | Mysql5.7 |
运维服务器 | 192.168.0.110 | CentOS7 | nexus3.9 |
appServer | 192.168.0.111 | CentOS7 | tomcat8、redis |
个人PC | 192.168.0.103 | MacBook Pro | IDEA、WebStorm、DataGrip、MAVEN、tomcat8、VirtualBox、jdk8、Dash |
基本就是这样,至于如何安装网上有大把的资料。推荐两款工具
DataGrip:作为数据库客户端工具,和以往用过的Sequel Pro、Navicat对比,它的提示功能非常强大,提供了很多提高工作效率的小功能,与IDEA同出一门,很赞!
WebStorm:同样也出自IntelliJ,前端开发利器。与它类似的还有apache出品的atom,这两款工具我都使用过。后者的定制性更强,有很多插件可以使用,但是需要花时间去研究。我比较懒因此选择了出厂就配置好的WebStorm。
技术选型
后端:
Spring+SpringMVC+MyBatis、对象序列化采用google的GSON、针对通过用的CRUD使用Mybatis的SqlBuilder进行封装
使用testNG进行单元测试
前端:
选择最近比较火热的Vue作为前端框架、使用官方推荐的iView作为UI库、路由同样使用Vue的Vue-Router、异步请求使用axios、less、es6
上一篇: jQuery 实现鼠标画框并对框内数据选中的实例代码
下一篇: 最基础的vue.js双向绑定操作