# 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` 配置,指向后端服务地址: ```javascript 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