【亲测免费】 layui-admin 项目安装和配置指南

1. 项目基础介绍和主要编程语言

layui-admin 是一个基于 layui 2.x 的后台管理系统模板，旨在提供一个通用的后台管理解决方案。该项目主要使用 Java 作为后端编程语言，前端则主要使用 HTML、JavaScript 和 CSS。

2. 项目使用的关键技术和框架

• 后端技术:

  • Spring Boot: 用于快速构建和启动Java应用程序。
  • MyBatis: 用于数据库操作的持久层框架。
  • MySQL/Oracle: 支持两种数据库，用户可以根据需要选择。

• 前端技术:

  • layui: 一个模块化前端UI框架，提供丰富的UI组件和模块。
  • jQuery: 用于DOM操作和事件处理。
  • HTML/CSS: 用于页面结构和样式设计。

3. 项目安装和配置的准备工作和详细安装步骤

3.1 准备工作

在开始安装之前，请确保您的开发环境已经配置好以下工具和软件：

• Java Development Kit (JDK): 版本 8 或更高。
• Maven: 用于项目构建和管理依赖。
• MySQL/Oracle 数据库: 根据您的选择安装并配置好数据库。
• IDE: 推荐使用 IntelliJ IDEA 或 Eclipse 进行开发。

3.2 安装步骤

3.2.1 克隆项目

首先，从GitHub克隆项目到本地：

git clone https://github.com/gameloft9/layui-admin.git

3.2.2 配置数据库

1. 修改配置文件: 打开项目中的 config_properties 文件，补充数据源信息（如 JDBC URL、用户名、密码等）。

   jdbc.url=jdbc:mysql://localhost:3306/layui_admin
   jdbc.username=root
   jdbc.password=yourpassword
   

2. 运行SQL脚本: 根据您选择的数据库类型（MySQL或Oracle），运行对应的建表SQL和数据初始化存储过程。SQL脚本位于 sql 目录下。

3.2.3 配置前端资源

1. 修改前端配置文件: 打开 webapp/layuicms/config/config.js 文件，补充API请求地址和资源托管地址。

   var apiUrl = "http://127.0.0.1:8888/manager/";
   var resourceUrl = "http://127.0.0.1:8888/manager/";
   

2. 根据数据库类型修改Mapper文件: 根据数据库是MySQL还是Oracle，注释掉相应的SQL（主要是分页查询部分）。

3.2.4 启动项目

1. 运行启动类: 直接运行 LayuiAdminStartUp 类的 main 方法即可启动项目。

2. 访问项目: 启动应用后，直接访问 http://127.0.0.1:8888/manager/layuicms/login.html 即可进入登录页面。

3.3 部署步骤

1. 后端应用部署: Maven打包过后，采用Spring Boot的方式启动即可。

2. 前端部署: 修改 layuicms/config/config.js，配置生产和测试环境的API请求地址和前端资源请求地址。将 layuicms 包部署至Nginx服务器上，并配置访问连接，避免发生跨域问题。

4. 注意事项

• 如果是本地测试，或者不采用前后端分离的部署方式（前端工程放在webapp下面），那么API请求地址和前端资源请求地址这两个地址配置是一样的。
• 启动应用后直接访问 http://127.0.0.1:8888/manager/layuicms/login.html 即可。

通过以上步骤，您应该能够成功安装和配置 layui-admin 项目，并开始使用它进行后台管理系统的开发。