旭锋科技制造信息管理系统
旭锋科技制造信息管理系统
- 一、业务需求
- (一)基于RBAC模型的用户权限管理
- 二、技术选型
- (一)前端
- (二)后端
- 1.开发环境
- 2.使用技术
- 三、项目搭建
- (一)客户端
- 1.项目结构如下图
- 2.搭建工具
- 3.项目初始化
- 3.1 axios配置
- 3.2 main.js
- 3.3 App.vue
- 3.4 index.html
- 3.5 vue-config.js
- (二)服务器
- 1.项目结构
- 2.父工程(cims-backstage)的pom.xml
- 3.bs-common工程的pom.xml
- 4.ba-server(启动工程)的pom.xml
- 5.ba-server的核心配置文件
- 四、业务模块划分
- (一)登录:
- (二)主页:
- (三)菜单模块:
- (四)角色模块
- 五、登录业务实现
- 六、客户端home页面
- 七、菜单模块
- 八、角色模块
一、业务需求
(一)基于RBAC模型的用户权限管理
二、技术选型
本项目为前后端分离的java-web项目。
(一)前端
vue.js、vue-router、elementUI、ant-design-vueUI、 axios
(二)后端
1.开发环境
jdk1.8+window 10+idea
2.使用技术
- springboot、spring、springMVC、Mybatis-plus、springsecurity
- easycaptcha、jwt
- mariadb、redis数据库
三、项目搭建
(一)客户端
1.项目结构如下图
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BoVFaPCR-1638521676691)(./filepng/image-20211126105426393.png)]
2.搭建工具
vue ui
3.项目初始化
3.1 axios配置
3.1.1 新建配置文件
项目中新建/src/axios/index.js
3.1.2 配置文件内容
import Vue from "vue"
import axios from "axios"
// 尝试nginx反向代理实现跨域
axios.defaults.baseURL="http://server.xfsy.com"Vue.prototype.$axios = axios
3.2 main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import './plugins/element.js'
import './plugins/ant-design-vue.js'
import './assets/fontawesome/css/all.min.css'
import './axios/index'Vue.config.productionTip = falsenew Vue({router,render: h => h(App)
}).$mount('#app')
3.3 App.vue
<template><div id="app"><router-view v-if="reflush"></router-view></div>
</template><script>export default {name: 'app',data () {return {reflush: true}},methods:{reload(){this.reflush = false;this.$nextTick(_ => {this.reflush = true;})}},provide(){return{reload: this.reload}}
}
</script><style></style>
3.4 index.html
<!DOCTYPE html>
<html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="icon" href="<%= BASE_URL %>favicon.ico"><title><%= htmlWebpackPlugin.options.title %></title><style>#app{height: 100%;}</style></head><body><noscript><strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><!-- built files will be auto injected --></body>
</html>
3.5 vue-config.js
主要完成开发阶段前端跨域
module.exports = {lintOnSave: false,devServer: {proxy: {"/api": {target: "http://127.0.0.1:9000",ws: true,changeOrigin: true,pathRewrite: {"^/api": "/"}}}}
}
(二)服务器
1.项目结构
项目为maven的聚合工程
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IdvaL84N-1638521676693)(./filepng/image-20211126104609836.png)]
2.父工程(cims-backstage)的pom.xml
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><modules><module>bs-common</module><module>bs-server</module></modules><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.6.0</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>org.wjk</groupId><artifactId>cims_backstage</artifactId><version>1.0</version><packaging>pom</packaging><properties><maven.compiler.source>8</maven.compiler.source><maven.compiler.target>8</maven.compiler.target></properties><dependencies><!--SpringSecurity依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-security</artifactId></dependency><!--SpringWeb依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!--Mybatis-plus依赖--><dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-boot-starter</artifactId><version>3.4.3.4</version></dependency><!--mariadb连接器依赖--><dependency><groupId>org.mariadb.jdbc</groupId><artifactId>mariadb-java-client</artifactId><scope>runtime</scope></dependency><!--lombok依赖--><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><optional>true</optional></dependency><!----><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency><!----><dependency><groupId>org.springframework.security</groupId><artifactId>spring-security-test</artifactId><scope>test</scope></dependency><!-- bean校验库依赖 --><dependency><groupId>org.hibernate</groupId><artifactId>hibernate-validator</artifactId><version>6.0.1.Final</version></dependency></dependencies></project>
3.bs-common工程的pom.xml
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"><parent><artifactId>cims_backstage</artifactId><groupId>org.wjk</groupId><version>1.0</version></parent><modelVersion>4.0.0</modelVersion><artifactId>bs-common</artifactId><properties><maven.compiler.source>8</maven.compiler.source><maven.compiler.target>8</maven.compiler.target></properties></project>
4.ba-server(启动工程)的pom.xml
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"><parent><artifactId>cims_backstage</artifactId><groupId>org.wjk</groupId><version>1.0</version></parent><modelVersion>4.0.0</modelVersion><artifactId>bs-server</artifactId><properties><maven.compiler.source>8</maven.compiler.source><maven.compiler.target>8</maven.compiler.target></properties><dependencies><!--对common模块的依赖--><dependency><groupId>org.wjk</groupId><artifactId>bs-common</artifactId><version>1.0</version></dependency><!--EasyCaptcha依赖--><dependency><groupId>com.github.whvcse</groupId><artifactId>easy-captcha</artifactId><version>1.6.2</version></dependency><!--Redis客户端的依赖--><dependency><groupId>redis.clients</groupId><artifactId>jedis</artifactId><!--<version>3.3.0</version>--></dependency></dependencies>
</project>
5.ba-server的核心配置文件
server:port: 9000
spring:main:banner-mode: offdatasource:driver-class-name: org.mariadb.jdbc.Driver#数据库访问的是以Docker部署的mariadb双机热备份url: jdbc:mysql://192.168.75.55:3306/xfsy?severTimezone=GMT%2B8&characterEncoding=utf8username: rootpassword: root
mybatis-plus:mapper-locations: classpath:/mappers/*.xmlconfiguration:map-underscore-to-camel-case: true
logging:level:org.wjk: debug
四、业务模块划分
(一)登录:
- 用于用户登录系统
(二)主页:
- 用于展示用户所拥有权限的菜单,展示用户所有操作时展示的数据,完成用户退出操作,完成用户自身信息,如头像,更新密码等操作。
(三)菜单模块:
- RBAC基础模块,完成菜单的CRUD,启用、禁用,展示系统所有菜单数据。
(四)角色模块
- 该模块主要解决把使用本系统的用户分类,不同类别的用户访问不同的页面。该模块同样完成角色的CRUD,启用、禁用,展示系统支持的角色数据。
五、登录业务实现
六、客户端home页面
七、菜单模块
八、角色模块
旭锋科技制造信息管理系统相关推荐
- 旭锋科技制造信息管理系统--客户端主页面
客户端主页面 客户端home页面 (一)业务功能 (二)前端页面构建 2.1 html实现 2.2 CSS实现 2.3 Js实现 (三)左侧菜单栏的动态构建实现 3.1 业务流程 3.2 业务实现 3 ...
- springboot+人事信息管理系统 毕业设计-附源码221507
Springboot人事信息管理系统 摘 要 信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以 ...
- Springboot人事信息管理系统毕业设计-附源码221507
摘 要 信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课题.针对人事信息管理系统等问题 ...
- 【金融科技】绿色金融信息管理系统、ESG投资信息系统、星界资本、文本分析
文章目录 前言 绿色金融概述 什么是绿色金融? 绿色金融为什么值得关注? 绿色金融信息管理系统 中国主要的绿色金融信息系统案例 湖州绿色金融综合服务平台 ESG投资信息系统 什么是ESG? 为什么从绿 ...
- 物资信息管理系统建设技术服务说明来自博奥智源科技
建设目标 物资信息管理系统在一期建设的基础上完善和拓展系统功能,实现业务数据优化处理,批产需求物资请购流程优化,物资扫码出入库提高效率,单据附件满足管理需要,优化系统操作界面,使物资信息管理系统更好的 ...
- 实验室信息管理系统(LIMS)知识大全
LIMS应用越来越普及了,本文完整地阐述了LIMS开发和应用过程中的几乎所有重点问题,分享给大家. 基本概念和发展历史 1.1 基本概念 简单地讲,实验室信息管理系统(LIMS),就是指通过计算机网络 ...
- Spring+SpringMVC+MyBatis明日方舟版人员信息管理系统前端页面代码前后端交互+SSM框架 管理员登录 游客登录 普通用户登录 人员的增删改查 信息更新 图片上传 分页查询)
Spring+SpringMVC+MyBatis明日方舟版人员信息管理系统前端页面代码(前后端交互+SSM框架 管理员登录 游客登录 普通用户登录 人员的增删改查 信息更新 图片上传 分页查询 修改密 ...
- (附源码)ssm高校学生档案信息管理系统 毕业设计 010936
ssm高校学生档案信息管理系统 摘要 在社会快速发展的影响下,教育事业蓬勃发展,大大增加了学校的数量.多样性.教育质量等要求,使教育的管理和运营比过去更加困难.依照这一现实为基础,设计一个快捷而又方便 ...
- 基于SSM的住院病人监测预警信息管理系统毕业设计源码021054
基于SSM的住院病人检测预警信息管理系统 摘 要 住院病人检测预警信息管理系统主要功能模块包括:医生工作安排管理.医院床位管理.入院信息管理.出院信息管理.药品管理.用户余额.缴费明细管理等,采取面对 ...
最新文章
- java中json重复数据结构_怎么将有JSON中有相同值放在一组?
- 使用t-SNE算法对数据进行降维并可视化实战,与KernalPCA、LLE对比降维可视化的效果
- git merge --squash改写提交
- 报名领奖|云栖大会,10月19-22日杭州不见不散!
- zip伪加密做法及原理
- wampserver无法打开http://127.0.0.1/
- Wargame.kr_Web:already got
- Cookie的使用(js-cookie插件)
- 一切的开始源于网络的虚拟
- ChaiNext:市场热情仍在,也需留意高位风险
- ASP.NET【1】
- JSP中“预定义变量”的使用
- Atitit.软件仪表盘(0)--软件的子系统体系说明
- SQL Prompt快捷键整理(使用帮助)
- FB OpenGraph og:image无法提取图像(可能是https?)
- iOS - iOS6 越狱及必装源、软件
- 定了!AI视觉泰斗朱松纯教授归国就任北大人工智能研究院院长
- java微信支付v3系列——4.创建订单的封装及使用
- 【计算机视觉】NCC匹配算法
- 宝德服务器硬盘报警,宝德服务器基础培训.ppt