/wldos-pro

wldos互联网开发平台前端工程

Primary LanguageJavaScript

wldos

介绍

WLDOS是一款互联网运营平台,本仓库是wldos系统管理前端框架工程,后期还将加入支持ssr的用户端前端。由于是新项目,很适合新手跟随学习。
WLDOS开发平台,基于springboot实现轻量级快速开发框架,SaaS应用架构。默认支持多租户运行模式,同时支持关闭以单租户模式运行。默认单实例运行,在分布式部署方面支持融入serviceMesh架构或者传统中心化分布式架构。

关于发音

英:[wel'dɑ:s] 美:[wɛl'dɑ:s]。

软件架构

框架技术:ReactJs、umijs、ant design ui、ant design pro框架、next.js。

应用架构:前后端分离,前端ReactJs,后端springMVC,JWT认证,无状态单实例SaaS架构,兼容springCloud,支持融入serviceMesh。

软件架构说明 统一响应json格式如下:

// 用户权限模板:
{
    "data":{
        "userInfo":{
            "id":"1502803624724185094",
                "name":"nihao",
                "avatar":"https://pic.zhiletu.com/2021/04/zhiletudouyin-e1618196547818-150x150.png"
        },
        "menu":[
            {
                "path":"/",
                "icon":"home",
                "name":"首页",
                "id":100,
                "parentId":0,
                "isLeaf":true,
                "childCount":0,
                "index":0
            }
        ],
        "currentAuthority":[
            "user"
        ],
        "isManageSide":0
    },
    "status":200,
    "message":"ok"
}
// 前端路由模板:
menu: [
    {
        path: '/',
        name: 'home',
        icon: 'home',
    },
    {
        path: '/form',
        icon: 'form',
        name: 'form',
        children: [
            {
                name: 'basic-form',
                icon: 'smile',
                path: '/form/basic-form',
            },
        ],
    },
    {
        path: '/list',
        icon: 'table',
        name: 'list',
        children: [
            {
                path: '/list/search',
                name: 'search-list',
                children: [
                    {
                        name: 'articles',
                        icon: 'smile',
                        path: '/list/search/articles',
                    },
                ],
            },
        ],
    },]

安装教程

先部署后端:

  1. 后端工程下载到本地,用idea打开项目。
  2. 安装mysql数据库脚本,生成数据库。
  3. 项目更新maven库。
  4. 在idea控制台执行mvn spring-boot:run运行项目 再部署前端:
  5. 下载本地后,打开前端项目,执行npm install安装依赖库。
  6. 执行npm start启动前端项目。
  7. 超级管理员admin,密码同名称。

使用说明

  1. 浏览器访问localhost:8000,用户名、密码都是admin,注意浏览器要是有谷歌浏览器。
  2. 点击左侧管理菜单,使用系统管理功能。
  3. 登陆使用JWT认证。

效果预览

说明:开源版和图示logo不同,开源版默认不含内容管理模块,图示系统是在WLDOS框架基础上开发的内容付费平台。

自带首页展示图表模板

登陆页

系统管理dashboard

应用管理,微服务池

资源管理,支持嵌套菜单、API、静态资源等

角色管理支持继承授权

继承父级角色的权限不可编辑

租户管理,支持无限级子公司维护

业务体系管理,支持企业创建不同业务方面的组织体系

组织管理,支持组织机构维护、组织赋权、组织人员维护

组织赋权

限于篇幅过长,详情关注:Java语言开发的SaaS版前后端分离开发平台WLDOS

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

QQ交流群 wldos开发微信交流群