欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

从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.1 Maven+Nexus搭建后台构建环境

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