代码拉取完成,页面将自动刷新
同步操作将从 Kevin/coffee-boot 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
Coffee Admin权限管理系统,【学习试验田,谨慎使用】,基于VUE3.x、SpringBoot2.x、Sa-Token、MyBatis-Plus、Mybatis-Plus Dynamic Datasource等技术实现的前后端分离的权限管理系统。 可用于学习参考和项目开发。
演示地址:http://skysong.gitee.io/coffee-ui
coffee-boot
├── coffee-admin -- 内置功能,后台管理
├── coffee-framework-core -- 内置功能,核心工具包
├── coffee-framework-parent -- 内置功能,项目依赖管理
├── coffee-webapp-app -- 内置功能,移动端模块
├── coffee-webapp-system -- 内置功能,系统模块
依赖 | 版本 |
---|---|
Spring Cloud | 2021.0.1 |
Spring Cloud Alibaba | 2021.0.1 |
Spring Boot | 2.7.0 |
Sa Token | 1.29.0 |
Mybatis Plus | 3.5.2 |
HuTool | 5.8.2 |
EasyExcel | 3.1.0 |
Fastjson | 1.2.83 |
Minio | 8.4.1 |
1、菜单管理
2、字典管理
3、部门管理
4、岗位管理
5、角色管理
6、用户管理
7、参数设置
8、行政区域
9、在线用户
10、操作日志
11、账户设置
# 安装依赖
pnpm install
# 运行项目
pnpm serve
# 打包发布
pnpm build
1、安装Mysql数据库,安装Redis,安装MinIO文件存储。
2、执行./doc/db/schema.sql,创建数据库。
3、执行./doc/db/coffee.sql,创建数据表和插入基础数据。
1、查看镜像
docker images
2、查看所有容器
docker ps -a
3、拉取镜像
docker pull redis:latest
4、参数解释
--name,设置运行的镜像名称
-p,映射端口,虚拟机端口:docker端口
-e,设置环境变量
-v,挂载目录/文件,虚拟机目录/文件:docker目录/文件
--privileged=true,设置特权,比如为mysql获取root权限
-d,守护进程后台运行
-it,启动并运行
--restart=always,在docker服务重启后,自动重启mysql服务,也可以把docker服务作为开机启动,这样mysql就可以跟着开机启动了
--link,设置容器别名
docker run \
-itd \
-p 6379:6379 \
-v /etc/localtime:/etc/localtime:ro \
--name redis \
redis
mkdir -p /data/docker/mysql/data /data/docker/mysql/conf
cd /data/docker/mysql/conf
touch my.cnf
vi /data/docker/mysql/conf/my.cnf
chmod 775 /data/docker/mysql/conf/my.cnf
my.cnf内容如下:
[client]
port=3306
default-character-set=utf8
[mysql]
default-character-set=utf8
[mysqld]
character_set_server=utf8
sql_mode=NO_ENGINE_SUBSTITUTION,STRICT_TRANS_TABLES
lower_case_table_names=1
docker run \
-itd \
--name mysql \
-p 3306:3306 \
-e MYSQL_ROOT_PASSWORD=123456 \
-v /data/docker/mysql/conf/my.cnf:/etc/mysql/my.cnf \
-v /data/docker/mysql/data:/var/lib/mysql \
-v /data/docker/mysql/logs:/var/log/mysql \
--privileged=true \
-v /etc/localtime:/etc/localtime:ro \
--name mysql \
mysql:5.7
a)进入容器,docker exec -it containerId /bin/bash
b)进入MySql,mysql -uroot -p123456
c)切换数据库,use mysql
d)修改权限,grant all privileges on *.* to 'root'@'%' identified by '123456' with grant option;
e)刷新权限,flush privileges;
mkdir -p /data/docker/minio/data
chmod -R 775 /data/docker/minio
docker run \
-itd \
-p 9000:9000 \
-p 9001:9001 \
-v /data/docker/minio/data:/data \
-v /etc/localtime:/etc/localtime:ro \
--name=minio \
quay.io/minio/minio server /data/data-{1...4} \
--console-address ":9001" --address ":9000"
一、打包命令:指定prod环境,进行打包
mvn clean package -DskipTests -Pprod
二、启动
1、Windows环境,运行./doc/bin/run.bat
2、Linux环境,运行./doc/bin/linux/startup.sh
三、注意事项
1、Linux执行脚本,需要先授权,chmod +x startup.sh
2、run.bat或startup.sh,需要和coffee-admin.jar放在同一个目录运行
3、指定端口,需要修改脚本,并添加server.port参数,示例:--server.port=9090
四、服务器部署目录结构
/data
├── webapps
├──── coffee-ui
├──── coffee-boot
├────── startup.sh
├────── coffee-admin.jar
location / {
root /data/webapps/coffee-ui;
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
location ^~ /api {
proxy_pass http://localhost:2800/api;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header HTTP_X_FORWARDED_FOR $remote_addr;
}
// 按照个人需要,进行修改
public static final String AUTHOR = "Kevin";
public static final String PROJECT_PATH = "D:\\tempCode";
public static final String PACKAGE_PARENT = "com.framework";
public static final String MODULE_NAME = "system";
// 生成SQL脚本的上级菜单的ID,要开发的功能,需要放到XXX菜单下面,请找到XXX菜单的ID
public static final String PARENT_MENU_ID = "1406064334403878913";
// 用户ID,可以不用修改
public static final String CREATE_BY = "1";
public static final String UPDATE_BY = "1";
// 是否导出excel
public static final Boolean exportExcel = false;
public static void main(String[] args) {
new CodeGenerator().generate(
"sys_user_demo"
);
}
1、前端代码
a)Http请求
return defHttp.request(
{ url: Api.exportList, params: params, method: 'get', responseType: 'blob' },
{ isReturnNativeResponse: true },
);
b)文件下载
const res = await exportList(params);
const blob = res.data;
const headerFilename = res.headers['content-disposition'].split(';')[1].split('=')[1];
const filename = decodeURIComponent(escape(headerFilename));
downloadByData(blob, filename);
2、后端代码
String filename = "用户列表" + "_" + System.currentTimeMillis() + ".xlsx";
response.setContentType("application/vnd.ms-excel");
response.setCharacterEncoding("UTF-8");
response.setHeader("Content-Disposition", "attachment;filename=" + new String(filename.getBytes(StandardCharsets.UTF_8), StandardCharsets.ISO_8859_1));
EasyExcel.write(response.getOutputStream())
.head(SysUserListVO.class)
.sheet("用户列表")
.doWrite(sysUserService.list(req));
excel标题宽度
两个字:@ColumnWidth(10)
四个字:@ColumnWidth(15)
1、大道至简
2、IDEA安装Alibaba Java Coding Guidelines插件,编码规约扫描,代码中不要出现警告
mvn -X smart-doc:html -Dfile.encoding=UTF-8 -pl :coffee-admin -am
说明:各个端,鉴权方式不同
1、管理端,StpUtil鉴权,格式:/{模块名}/**
2、移动端,StpAppUtil鉴权,/{模块名}/appApi/**
3、Feign端,不鉴权,内网隔离,/feign/{模块名}/**
4、查询分页,格式:selectEntityWithPage
5、查询列表,格式:selectEntityWithList
6、查询树形列表,格式:selectEntityWithTree
7、查询下拉列表,格式:selectEntityWithOption
8、查询下拉树列表,格式:selectEntityWithOptionTree
9、新增,格式:addEntity
10、编辑,格式:updateEntity
11、查看,格式:getEntity
12、删除,格式:removeEntity
示例:
1、管理后台,系统模块:/system/sysUser
2、移动端,会员模块:/app/appApi/appMember
3、Feign端,会员模块:/feign/system/sysLog
命名规范 | 描述 |
---|---|
XxDTO | 请求参数 |
XxQueryDTO | 查询参数 |
XxVO | 响应实体 |
XxCloudDTO | Feign请求参数 |
XxCloudVO | Feign响应实体 |
XxController | Controller命名 |
IXxService | Service接口命名 |
XxServiceImpl | Service实现类命名 |
XxMapper | Mapper层命名 |
XxEntity | DB实体命名,和表名相同 |
1、ID主键,bigint(20),雪花算法
2、审计字段,create_by、create_time、update_by、update_time
3、删除字段,deleted
1、全局通用组件放在/src/components目录
2、业务组件放在./components目录
3、文件夹,使用camelCase命名格式
4、*.vue文件使用PascalCase命名格式,index.vue除外
5、属于类的*.js文件,使用PascalCase命名格式,index.js除外
6、属于Api的*.js文件,统一加上Api后缀,使用camelCase命名格式
7、其他类型的*.js文件,使用camelCase命名格式
8、样式文件、图片文件等,使用kebab-case命名格式
9、api模块和view模块,一一对应
10、方便记忆规则和项目开发
CSS编码规范,BEM:就是块(block)、元素(element)、修饰符(modifier)
.block{}
.block__element{}
.block--modifier{}
.block 代表了更高级别的抽象或组件。
.block__element 代表.block的后代,用于形成一个完整的.block的整体。
.block--modifier代表.block的不同状态或不同版本
805450144
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。