zoukankan      html  css  js  c++  java
  • 一个开源的后台管理项目

    官网:https://el-admin.vip

    简单配置后可直接运行,极大地提高了你在开发管理后台的效率,从而有更多时间逛 HelloGitHub。不信?跟着本文,让你 5 分钟 跑起来一个功能丰富的管理后台项目。

    一、快速开始

    1.1 环境准备

    后端环境:

    1. JDK 1.8+
    2. Maven 3.0+
    3. MYSQL 5.5+
    4. Redis 3.0+

    前端环境:

    1. Node v10+

    开发工具

    1. IDE:IDEA
    2. MySQL 可视化:Navicat

    1.2 快速开始

    (1)clone 项目

    • GitHub:
    # 后端项目
    git clone https://github.com/elunez/eladmin.git
    # 前端项目
    git clone https://github.com/elunez/eladmin-web.git
    • Gitee(国内访问网速较快):
    # 后端项目
    git clone https://gitee.com/elunez/eladmin.git
    # 前端项目
    git clone https://gitee.com/elunez/eladmin-web.git

    (2)导入 MySQL 数据库

    打开 Navicat,连接 MySQL,新建数据库 eladmin,设置字符集和排序规则如下图所示:

    右键你新建的数据库,选择「运行 SQL 文件」,选择 clone 的下来的 eladmin/sql/eladmin.sql 文件。

    导入 SQL 数据成功,一共有 27 张表。

    (3)运行后端项目

    配置文件:使用 IDEA 打开后端项目 eladmin,等待 maven 下载结束后,打开配置文件 yml 配置数据库(路径 eladmineladmin-systemsrcmain esourcesconfig 下的application.yml、application-dev.yml、application-prod.yml),改成你机器上的 MySQL 或者 Redis 的 IP、端口和密码。

    MySQL 默认:

    • url:localhost:3306
    • 密码:123456

    Redis 默认:

    • url:localhost:6379
    • 密码:无

    运行后端项目:run AppRun

    (4)运行前端项目

    在 clone 的前端项目「eladmin-web」文件夹下打开 cmd 命令行窗口。

    # 安装
    npm install
    # 运行 
    npm run dev

    1.3 效果预览

    运行成功会自动弹出下面界面(

    网址:http://localhost:8013/

    账户名:admin

    密码:123456

    测试用户名:test

    测试用户名密码:123456

    ):

     

    二、可能遇到的坑

    2.1 端口占用

    报错信息:

    端口被占用或停用,修改端口信息:

    我们这里使用其他端口,修改配置文件 application.yml 端口为 8001:

    server:
      port: 8001

    注意:修改后端端口后,需要修改前端对应的请求接口:其中的8000修改为8001

    2.2 npm install 安装缓慢或者安装失败

    设置淘宝镜像源来解决

    npm config set registry https://registry.npm.taobao.org

    检查是否设置成功

    npm config get registry

     

  • 相关阅读:
    服务器安装软件
    SQL server
    改变下blog思维
    react 父子组件互相通信
    linux下,文件的权限和数字对应关系详解
    Linux 下非root用户使用docker
    Two 观察者 observer pattern
    one 策略模式 strategy
    ssm maven spring AOP读写分离
    Unknown column in 'where clause'
  • 原文地址:https://www.cnblogs.com/jingzaixin/p/14408669.html
Copyright © 2011-2022 走看看