【文章后台管理系统】开发工具+项目模块+开发流程

（一）URL设计与建模分析+项目源码+运行界面

（二）开发工具+项目模块+开发流程

一、工具

前端

• Hbuilder/VSCode
• Vue-Element-Admin框架
• node-v12.13.0-x64.msi
• 淘宝镜像
• git

后端

• Eclipse/Idea

• git

• Springboot

  • Swagger-ui配置文件

    • controller代码生成网页接口文件

  • dev-tools

  • spring + springmvc + mybatis (ssm)

  • mybatis-generator

  • fastdfs（附件管理）

    • 1.搭建fastdfs服务（基于Linux）

    • 2.Java（SpringMVC接受用户二进制流）

      • 通过API调用fashdfs服务

        • 返回附件详细信息

    • 3.访问图片

      • nginx

  • sercurty

  • excel (poi)

建模

• StarUML-v2.8.0.msi

服务器

• tomcat

二、项目开发前期准备

1.项目初始化：创建Springboot项目

2.mvn spring-boot:run

3.集成swagger-ui

• 1.导入依赖pom.xml
• 2.配置swagger

4.mybatis-generator

• 1.导入依赖

  • plugins

• 2.编写配置文件

  • 1.驱动类

    • url
    • username
    • password

  • 2.test测试

• 3.调用

  • mvn spring-boot:run
  • mvn mybatis-generator:generate

三、模块

栏目管理

• 对栏目进行操作，可以添加栏目及删除栏目，还可以进行批量删除的操作。

文章管理

• 对文章进行管理，发布文章及删除文章，可对文章内容进行修改，还可以批量管理。

用户管理

• 登录

  • user(认证授权)

    • /user/login
    • /user/info
    • /user/logout

  • 前端

    • 1.username，password

    • 2.维护token到浏览器缓存中

      • cookie
      • sessionStorage
      • localStorage

  • 后端

    • 1.token
    • 2.请求头中“X-Token” 授权

• info

• 读者管理

  • 注册

    • telephone->阿里大鱼
    • code

• 添加用户

  • 角色绑定

角色管理

• 新增角色
• 编辑
• 授权

附件管理

• spring MVC接受二进制流（阿里云）

• fastdfs

  • 1.搭建fastdfs服务（基于Linux）

  • 2.Java

    • SpringMVC接受用户二进制流->通过API调用fastdfs服务->返回附件的详细信息

  • 3.访问图片

    • nginx

权限管理

• 1.用户保存或修改
• 2.用户设置角色
• 3.角色授权
• 4.权限拦截
• 5.前端处理

四、流程

后端

• 1.创建Springboot项目

  • 选择依赖

    • devtools
    • springweb
    • mysql driver
    • mybatis

  • 关联maven仓库

    • File->settings->Builder、Exception…->Maven

• 2.创建数据库

  • 创建用户并授权

• 3.修改配置文件

  • application.properties

    • spring.datasource.driverClassName
    • spring.datasource.url
    • spring.datasource.username
    • spring.datasource.password
    • server.port
    • mybatis.mapper-locations

  • pom.xml

    • 添加dependency：swagger-api文档
    • 添加plugin：mybatis-generator

• 4.启动项目

  • mvn spring-boot:run

• 5.搭建三层架构

  • bean

  • dao

  • service

  • web

    • controller

  • config

  • utils

• 6.导入generator配置文件

  • 修改tableName
  • maybatis-generator:generate命令自动生成
  • mvn -Dmybatis.generator.overwrite=true mybatis-generator:generate命令覆盖生成

• 7.添加工具和配置

  • config包

    • CustomerExceptionHandler
    • MybatisConfig
    • Swagger2
    • WebConfig

  • utils包

    • CustomerException
    • Message
    • MessageUtil

  • 配置主方法

• 8.编写service层和controller代码

前端

• 1.下载Vue-Element-admin框架

• 2.通过VSCode/HBuilder打开项目

• 3.cnpm install命令下载依赖

• 4.npm run dev运行项目

• 5.完善src包下编码

• 6.修改文件

  • .env.development和production修改URL
  • request.js

XMind: ZEN - Trial Version