Spring Boot + Vue3 前后端分离系统搭建
实现真正的前后端解耦。
核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。
前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,安卓,IOS等等)打下坚实的基础。
网盘download:SpringBoot+Vue3 项目实战,打造企业级在线办公系统
server:
port: 8880 #端口号
spring:
datasource:
name: zksdb #数据库名称
type: com.alibaba.druid.pool.DruidDataSource
#druid相关配置
druid:
#监控统计拦截的filters
filters: stat
driver-class-name: com.mysql.jdbc.Driver
#基本属性
url: jdbc:mysql://127.0.0.1:3306/zksdb?useUnicode=true&characterEncoding=UTF-8&allowMultiQueries=true
username: root
password: 123456
#配置初始化大小/最小/最大
initial-size: 1
min-idle: 1
max-active: 20
#获取连接等待超时时间
max-wait: 60000
#间隔多久进行一次检测,检测需要关闭的空闲连接
time-between-eviction-runs-millis: 60000
#一个连接在池中最小生存的时间
min-evictable-idle-time-millis: 300000
validation-query: SELECT ‘x‘
test-while-idle: true
test-on-borrow: false
test-on-return: false
#打开PSCache,并指定每个连接上PSCache的大小。oracle设为true,mysql设为false。分库分表较多推荐设置为false
pool-prepared-statements: false
max-pool-prepared-statement-per-connection-size: 20
// 该配置节点为独立的节点,有很多同学容易将这个配置放在spring的节点下,导致配置无法被识别
mybatis:
mapper-locations: classpath:mapper/*.xml #注意:一定要对应mapper映射xml文件的所在路径
type-aliases-package: com.winterchen.model # 注意:对应实体类的路径
#pagehelper
pagehelper:
helperDialect: mysql
reasonable: true
supportMethodsArguments: true
params: count=countSql
SpringBoot+Vue3实战开发在线办公系统
管理员查看和发布新项目,交给项目负责人(项目经理)负责。
项目负责人分配项目任务给普通员工,更改项目内容,更改任务内容,取消任务。
普通员工提交项目任务,查看新任务。
package com.ycu.service;
import com.ycu.pojo.notice;
import com.ycu.status.systemResult;
import java.util.List;
public interface noticeService
{
//发公告
systemResult insertNotice(notice notice);
//删除公告
systemResult deleteNotice(String nid);
//编辑公告
systemResult updateNotice(notice notice);
//修改阅读等级
systemResult UpdateNoticeRoot(String nroot, String nid);
//查询所有公告(管理员)
systemResult selectAllNotice();
//增加阅读量
systemResult InsertReadCount( String nid);
//查看公告(自己能看到的)
systemResult selectNoticeById(String userId);
//查看某个公告
systemResult selectOneNotice(String id);
}