All Projects → sunft1996 → ant-back-server

sunft1996 / ant-back-server

Licence: MIT license
🚀 react后台,后台管理系统——后端(Koa)实现

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to ant-back-server

Ant Back
🚀 react后台,后台管理系统
Stars: ✭ 90 (+246.15%)
Mutual labels:  admin, admin-ui, admin-template, react-admin
Coreui Free Laravel Admin Template
CoreUI Free Laravel Bootstrap Admin Template
Stars: ✭ 353 (+1257.69%)
Mutual labels:  admin, admin-ui, admin-template
Ovine
Build entirety admin system ui blazing fast with json. (Looking for a front-end partner~ Please Contact me : )
Stars: ✭ 308 (+1084.62%)
Mutual labels:  admin, admin-template, react-admin
Adminkit
🧰 AdminKit is a free & open source Bootstrap 5 Admin Template
Stars: ✭ 395 (+1419.23%)
Mutual labels:  admin, admin-ui, admin-template
Coreui Free Bootstrap Admin Template
CoreUI is free bootstrap admin template
Stars: ✭ 11,038 (+42353.85%)
Mutual labels:  admin, admin-ui, admin-template
plain-free-bootstrap-admin-template
Free Bootstrap 5 Admin and Dashboard Template that comes with all essential dashboard components, elements, charts, graph and application pages. Download now for free and use with personal or commercial projects.
Stars: ✭ 141 (+442.31%)
Mutual labels:  admin, admin-ui, admin-template
3yadmin
基于react全家桶+antd构建的专注通用权限控制与表单的后台管理系统模板
Stars: ✭ 381 (+1365.38%)
Mutual labels:  admin, admin-template, react-admin
Vue Framework Wz
👏vue后台管理框架👏
Stars: ✭ 3,757 (+14350%)
Mutual labels:  admin, admin-ui, admin-template
Shards Dashboard
🔥A beautiful Bootstrap 4 admin dashboard templates pack.
Stars: ✭ 1,143 (+4296.15%)
Mutual labels:  admin, admin-ui, admin-template
Staradmin Free Bootstrap Admin Template
A Free Responsive Admin Dashboard Template Built With Bootstrap 4. Elegant UI Theme for Your Web App!
Stars: ✭ 1,191 (+4480.77%)
Mutual labels:  admin, admin-ui, admin-template
Shards Dashboard React
⚛️A free and beautiful React admin dashboard template pack.
Stars: ✭ 1,268 (+4776.92%)
Mutual labels:  admin, admin-ui, admin-template
Blur Admin
AngularJS Bootstrap Admin Panel Framework
Stars: ✭ 11,274 (+43261.54%)
Mutual labels:  admin, admin-ui, admin-template
tntweb-admin
react admin management system template
Stars: ✭ 25 (-3.85%)
Mutual labels:  admin-ui, admin-template, react-admin
React Admin
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design
Stars: ✭ 18,525 (+71150%)
Mutual labels:  admin, admin-ui, react-admin
Ngx Admin
Customizable admin dashboard template based on Angular 10+
Stars: ✭ 23,286 (+89461.54%)
Mutual labels:  admin, admin-ui, admin-template
Gentelella
Welcome to Gentelella - Responsive Bootstrap Admin Application based on the Foundation of Symfony and Gentelella!
Stars: ✭ 100 (+284.62%)
Mutual labels:  admin, admin-ui, admin-template
Layui Admin
基于layui和thinkphp6.0的快速后台开发框架。快速构建完善的管理后台,内置表单、表格的php生成,以及完善的RBAC权限管理。
Stars: ✭ 101 (+288.46%)
Mutual labels:  admin, admin-ui, admin-template
React Admin
🎉 A magical react admin
Stars: ✭ 149 (+473.08%)
Mutual labels:  admin, admin-template
Architectui Html Theme Free
ArchitectUI Dashboard Free is lightweight and comes packed with the minimal set of components to get you started. If you have a simple application, it’s the perfect solution for you. It’s built on top of Bootstrap 4 and features a scalable architecture just like it’s wiser, older sibling – ArchitectUI HTML Pro theme.
Stars: ✭ 155 (+496.15%)
Mutual labels:  admin, admin-template
Ng Pi Admin
Angular admin http://treesflower.com/ng-pi-admin
Stars: ✭ 131 (+403.85%)
Mutual labels:  admin, admin-ui

ant-back-server

node MIT koa

ant-back是一个网站后台项目,实现了多角色登录、角色管理、用户管理、富文本、图片上传等常用功能。你可以在本项目基础上定制自己的后台系统。

🚀 查看效果点这里

💎 前端项目地址点这里

说明

项目跑起来后首页有使用说明,里面有接口文档,还有添加页面、添加接口的教程。

数据库文件在/sql目录下。

如果对您对此项目有兴趣,可以点 "Star" 支持一下 谢谢!😝

技术栈

前端:react + ant-design-pro

后端:node.js + koa + sequelize + mysql

安装和运行

请确保已安装node,nginx,mysql

  1. 克隆项目
$ git clone https://github.com/sunft1996/ant-back-server.git
  1. 创建数据库并导入sql文件
  2. 修改config/sequelizeBase.js文件
const Sequelize = require('sequelize');
// 参数依次为:要导入的数据库名,账号,密码
const sequelize = new Sequelize('common', 'root', '123456', {
    // 数据库ip
    host: '127.0.0.1',
    dialect: 'mysql'
});

module.exports = sequelize;
  1. 进入项目根目录执行:
$ npm install 
# 项目运行
$ npm start

项目部署

# 服务器安装pm2,防止node服务挂掉
$ npm i -s pm2 
# 启动程序,在4000端口启动
$ pm2 start index.js --name 'ant-back-server'
# 有安装防火墙的需要打开4000端口
$ firewall-cmd --zone=public --add-port=4000/tcp
# 重启防火墙
$ firewall-cmd --reload

# 还可能会用到下面指令
# 项目重启
$ pm2 restart all
# 查看启动的node项目
$ pm2 list
# 删除项目进程
$ pm2 delete ant-back-server

修改nginx配置

server{
        listen 80;
        # 你的域名或ip
        server_name www.baidu.com;
        
        location ~* \.(gif|jpg|png|webp)$ {
                # 后端项目下的图片存放位置
                root /mnt/ant-back-server/public;
        }

        location / {
                 # 前端打包后的静态文件位置
                 root /mnt/dist;
                 try_files $uri $uri/ /index.html;
        }

        # 请求转发到后端
        location /empty-item {
                proxy_pass http://127.0.0.1:4000;
        }

}

重启nginx

$ nginx -s reload

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].