ema_project/ema-web

EMA Web 前端项目

基于 LayUI 框架的企业管理系统前端项目，与 ema-admin 后端项目配套使用。

项目结构

ema-web/
├── index.html          # 登录页面
├── lib/                # 第三方库
│   └── layui/          # LayUI 框架
├── css/                # 样式文件
│   ├── login.css       # 登录页样式
│   ├── main.css        # 主框架样式
│   └── theme-blue.css  # 蓝色主题
├── js/                 # JavaScript 文件
│   ├── config.js       # 配置文件
│   ├── common.js       # 公共工具
│   ├── login.js        # 登录脚本
│   └── main.js         # 主框架脚本
├── images/             # 图片资源
└── pages/              # 业务页面
    ├── main.html       # 主框架页面
    ├── home.html       # 首页
    ├── user/           # 用户管理
    ├── role/           # 角色管理
    ├── menu/           # 菜单管理
    ├── department/     # 部门管理
    ├── dict/           # 字典管理
    ├── file/           # 文件管理
    ├── log/            # 日志管理
    └── job/            # 定时任务

功能模块

1. 登录模块

• 账号密码登录
• 图片验证码
• 登录状态保持

2. 用户管理 (SysUserController)

• 用户列表（分页、搜索）
• 添加/编辑用户
• 删除用户
• 分配角色

3. 角色管理 (SysRoleController)

• 角色列表
• 添加/编辑角色
• 分配菜单权限

4. 菜单管理 (SysMenuController)

• 菜单树结构
• 添加/编辑菜单
• 菜单类型（目录/菜单/按钮）

5. 部门管理 (SysDepartmentController)

• 部门树形列表
• 添加/编辑部门

6. 字典管理

• 字典类型管理 (SysDictTypeController)
• 字典数据管理 (SysDictDataController)

7. 文件管理 (SysFileController)

• 文件上传
• 文件列表展示
• 文件删除

8. 操作日志 (SysOperLogController)

• 日志列表查询
• 日志详情查看

9. 定时任务 (SysTimersJobController)

• 任务列表
• 添加/编辑任务
• 启动/暂停任务

配置说明

修改 js/config.js 中的 baseUrl 配置，指向后端服务地址：

baseUrl: 'http://localhost:8080',  // 修改为实际的后端地址

使用说明

1. 安装依赖

项目无需额外安装依赖，直接在浏览器打开即可运行。

2. 启动项目

• 开发环境：直接用浏览器打开 index.html
• 生产环境：部署到 Web 服务器（如 Nginx、Apache）

3. 注意事项

• 确保后端服务已启动
• 确保浏览器允许跨域请求（或配置后端 CORS）

API 接口

详细的 API 接口请参考后端 Swagger 文档：

http://localhost:8080/doc.html

技术栈

• LayUI 2.9.x
• jQuery 3.x