基于若依开发的后台管理系统通用模板-低代码权限管理框架系统-代码一键生成-可视化拖拽-PC端与手机全端支持

简介图片展示PC端图片展示:手机端图片展示:

官网地址项目介绍演示地址获取源码加群讨论本地部署线上部署

简介

LessCode是基于若依系统开发的一款后台管理系统通用模板,低代码权限管理框架系统,可多终端适配,同时支持PC端、APP、小程序、H5;LessCode内置代码生成功能,可一键生成java后端、vue前端、uniapp手机端代码,极大提高了程序员的开发效率;其内置框架功能包含用户角色权限功能,安全登录框架,日志记录,数据权限,定时任务等,用户只需依据代码生成功能一键生成业务相关代码即可。

图片展示

PC端图片展示:

手机端图片展示:

官网地址

链接: LessCode

项目介绍

LessCode平台一共包含三个项目,分别为less-code-monolith、less-code-ui、LessCode-App,三个项目都支持二次开发;

less-code-monolith 为java后端项目,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis);

less-code-ui 为PC端vue项目,基于vue2开发的,核心技术包含ES6、vue、vuex、vue-router、vue-cli、axios、element-ui等;

LessCode-App 是LessCode的移动解决方案,采用uniapp框架,一份代码多终端适配,同时支持APP、小程序、H5,核心技术包括 uniapp、vue、vuex、uniui、color-ui等;

演示地址

pc端演示:浏览器访问

h5演示:浏览器访问

安卓下载演示:下载apk

演示账号:demo/123456

获取源码

注:此套框架为付费框架系统,有需要的用户可去官网联系作者购买; 登录官网查看源码获取方式(官网链接)

加群讨论

有关安装、使用等问题均可加群讨论,qq群:310386969

本地部署

提前安装好mysql数据库和redis数据库

获取源码后,使用编译器idea打开后台项目less-code-monolith,在项目根目录的db文件夹下找到less-code.sql文件,执行sql语句,数据库创建完成后,启动项目;

使用Webstrom或idea打开less-code-ui项目,找到根目录下README.md文件,依次执行安装启动命令即可;

使用HBuilderX编辑器打开LessCode-App项目,找到config.js文件,修改为自己的后台项目地址,启动运行即可;HBuilderX官网地址:https://hx.dcloud.net.cn/

pc端访问地址:http://localhost/

h5端访问地址:http://localhost:9090/h5/

线上部署

服务器提前安装好java环境,将less-code-monolith项目使用maven进行编译打包成jar包,直接运行jar包即可

less-code-ui项目和LessCode-App项目使用nginx部署,建议nginx使用如下配置:

server {

listen 80;

server_name localhost;

#文件上传大小限制

client_max_body_size 100M;

client_body_buffer_size 10M;

location /less-code-ui {

root html;

try_files $uri $uri/ /less-code-ui/index.html;

index index.html index.htm;

}

location /h5 {

root html;

try_files $uri $uri/ /h5/index.html;

index index.html index.htm;

}

location /less-code-monolith {

#设置获取客户端ip

add_header ‘Access-Control-Allow-Headers’ ‘x-requested-with,content-type’;

proxy_set_header Host $host;

proxy_set_header Remote_Addr $remote_addr;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_pass http://127.0.0.1:18100;

}

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

}

然后直接将less-code-ui项目和LessCode-App项目打包,将打包好的项目放到nginx的html目录下即可;

参考阅读

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: