从0开始,构建前后端分离应用

最近业余时间比较充足1,想开发一个小系统。作为自己的技术积累

后端使用Spring+SpringMVC+Mybatis框架、前端使用Vue+iView作为基础开发一个前后端分离的SPA应用

目录

1、环境搭建

1.1 Maven+Nexus搭建后台构建环境

1.2 前台工程搭建

2、前端开发

2.1基于iView的组件封装

3、后端开发

3.1拦截器的使用

环境简介

由于是个人练习的小项目,因此开发环境设计也很简单。物理环境包括一台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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏SAP最佳业务实践

SAP最佳业务实践:FI–应收帐款(157)-16 F.2B利息计算

4.16 F.2B利息计算 计算过期项目的利息 使用需求利率和相应帐户确认设置来配置利息标识 01。 已在客户主记录中设置利息标识 01。 角色:应收会计 会计...

3438
来自专栏腾讯NEXT学位

浅谈vuex应用场景

2051
来自专栏破晓之歌

谷歌插件整理

适用于Facebook、Google、YouTube、Gmail、Google Docs、Reddit、Twitter等网站的精美深色皮肤

3363
来自专栏web编程技术分享

【手把手】JavaWeb 入门级项目实战 -- 文章发布系统 (第七节)

3679
来自专栏前端黑板报

构建离线web应用(一)

本文由哔哩哔哩前端工程师 墨白 翻译分享 我喜欢移动app,而且也是那些坚持使用Web技术构建移动应用程序的人之一。 经过技术的不断迭代(可能还有一些其它的东西...

26610
来自专栏机器学习算法与Python学习

让你高效工作的六大Windows应用

让你高效工作的六大windows应用 今 天我将给大家介绍一些我个人用到的这些Windows平台上的效率神器们。 page 1 Wox ? Wox官网 用 Ma...

3538
来自专栏前端小叙

flexible.js移动端适配安卓高分辨不兼容问题

根据网上找到的解决办法,对于安卓设备,把dpr=1改为当前设备的dpr if (!dpr && !scale) { if (isIPhone) ...

2975
来自专栏大数据钻研

大福利!献给网页开发者的20款Firefox插件

毫无疑问,比起其他浏览器,谷歌浏览器虽有着明显的优势,但是它的劲敌火狐却是很多前端攻城师和研发人员的挚爱,为了尽可能地提高用户体验,火狐浏览器的社区在插件开发和...

43111
来自专栏刘望舒

你必须要掌握的Android冷启动优化

事件发生在发包上线的前两天,在某某云进行移动测试时,提示冷启动速度低于平均值的问题,之前自己也曾尝试过优化,但是发现效果并不是很明显,作为一个有追求的开发者,趁...

1052
来自专栏FreeBuf

偏执的iOS逆向研究员:收集全版本的macOS iOS+越狱+内核调试

Intro 虽然“只有偏执狂才能够生存”这句话已经被假药停给毁了,但是作为一只有逼格的高大上的iOS逆向分析研究员,难道如果有现成的macOS/iOS全版本镜像...

4027

扫码关注云+社区