SSM+Vue+Elment+Axios -> BOOT客户管理系统

SSM -> BOOT客户管理系统项目手札

前言

消失了一段时间

邻近期末,学校要求交一份SSM实训系统,看了下需求所用到的技术太老了,于是便萌生了搞一套前后端分离的Boot管理系统(我也不知道为啥叫这个名字 emmmmmmm)

之后要说的就是,本系统前端耦合代码巨多,没优化,毕竟Vue我也是半灌水,还没系统的学,同时目前开源的这个系统前端的登录模块也没有完成

总之我要恶补恶补前端的东西了

GATHUB

https://github.com/zangxiyang/bootAdmin

演示地址

http://www.eendtech.com/bootAdmin

采用技术/说明

  1. 采用前后端分离
  2. 后端采用Spring+SpringMVC+Mybatis架子,前端采用VueJS+Element+ES6(其实只是中途了解了下ES6,大部分是采用ES5+ES6模式)技术栈
  3. 本项目没有采用SPA(单页面)模式,只是为了尝试初步体验VueJS的用法
  4. 由于本菜鸟很久没碰JS了,所以写出了一些智障代码,望海涵
  5. 第一个版本将就看着,后续版本将对代码进行优化,和Vue的进一步跟进(拥抱新技术嘛)
  6. 本项目采用业余时间完成,仅供练手使用
  7. 前端通过https访问API会出现BUG,这个是后端的问题(没时间补了)

目录结构

|-css
|-js
|-img
    |-main.html
    |-login.html
|-eendtech
    |-controller
    |-dao
    |-Interceptor
    |-po
    |-service
    |-utils
    |-vo
    |-resources

开发摘要

2019年5月17日 晚

  1. 根据前端需求更改了后端接口
  2. 填补臭虫
  3. 完成前端修改\删除客户功能

2019年5月17日 凌晨

  1. 消灭一些臭虫
  2. 完成了前端添加客户功能
  3. 完成前端分页查询功能
  4. 完成请求客户信息功能

2019年5月16日

  1. 采用Axios进行对服务端数据的请求
  2. 封装一些请求方法获得服务端数据
  3. 消灭了一些臭虫

2019年5月13日

  1. 完成了服务端restFul核心接口的编写
  2. 进行了部分测试,并修填了一些臭虫
  3. 完成了验证拦截器的编写
  4. 完成了错误接口展示的逻辑处理

2019年5月10日

  1. 完善工具类
  2. 完善Dao层
  3. 完善服务层

2019年5月7日

  1. 基本构建了JWT(Json Web Token)权限验证机制
  2. 完成服务端登录模块

2019年4月17日

  1. 完成了对登录页面的制作
  2. 采用Maven构建SSM架子
  3. 完成数据表的构建

2019年4月26日

  1. 完成前端架子的构建
  2. 完成测试接口的构建

数据库说明

系统用户表:sys_user

客户信息表:customer

数据字典表:base_dict

系统开发和运行环境

  • 操作系统:Win10
  • Web服务器:Tomcat9.0
  • Java:1.8
  • IDE:IDEA\VSCode
  • SQL:MySQL
  • 浏览器:建议谷歌

系统架构设计

  • 持久对象层:该层由若干持久化类(实体类)组成
  • 数据访问层(DAO层):该层由若干DAO接口和Mybatis映射文件组成,接口名称统一以Dao结尾,且Mybatis的映射文件名称要与接口名称相同。
  • 业务逻辑层(Service层):该层由若干Service接口和实现类组成,本系统中,业务逻辑层的接口统一使用Service结尾,其实现类名称统一在接口名后加Impl,该层主要用于实现系统的业务逻辑。
  • Web表现层:盖层主要包括Spring MVC 中的Controller类,Controller类主要负责拦截用户请求,并调用业务逻辑层中相应组件的业务逻辑方法来处理用户请求。
  • 采用前后端分离,SSM主要负责服务端的架构,我们通过定义了一个拦截器来实现拦截所有请求并进行对请求者的权限鉴别

协议

GPL

License


本作品采用知识共享署名 4.0 国际许可协议进行许可。

如果可以的话,请给我钱请给我点赞赏,小小心意即可!

Last modification:May 18th, 2019 at 11:11 pm
If you think my article is useful to you, please feel free to appreciate

2 comments

  1. 时默

    我也顶一下

  2. Seale

    自己顶一下!!

Leave a Comment