2 Star 7 Fork 194

君君uncle / EasyWeb

forked from ele-admin / easyweb-jwt 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

EasyWeb

简介

前后端分离模式的后端管理系统开发平台。

  静态页面源代码地址:EasyWebPage

使用技术

后端

描述 框架
核心框架 Spring、Spring MVC、Spring Boot
持久层 MyBatis、Druid、MyBatis-Plus
权限框架 Spring Security、OAuth2.0

前端

描述 框架
核心框架 LayuijQuery
路由框架 Q.js (纯js轻量级路由框架)
mvvm框架 pandyle.js (专为jquery编写的mvvm)
主要特色 单页面 / 响应式 / 简约 / 极易上手

开发工具为IDEA,数据库文件存放在项目的src/main/resources/sql目录下。

导入项目

后台导入和部署

  1. 开启redis(oauth2需要redis)、导入数据库
  2. 确认application.properties配置信息是否正确
  3. 在通过IDEA启动运行

前端导入和部署

不分离部署

  1. 把前端页面放入后台项目的src/main/resources/static目录下面即可
  2. 修改module/config.js里面的base_url为后台访问地址
  3. 访问即可

分离部署

  1. 把前端页面放在nginx服务器的html文件夹下面
  2. 修改nginx/conf/nginx.conf配置文件,设置代理以解决跨域问题
    http {
        server {
            # 加入以下配置,之前的配置全部不要动,这个location是新加入的
            location /api/ {
                proxy_pass  http://47.98.107.251:8088/; # 这个是后台接口所在的地址
            }
        }
    }
  3. 修改module/config.js里面的base_urlhttp://localhost:80/api/,80是ngix的端口,localhost是ngix所在服务器的ip

前后端分离应该采用分离部署的方式,后台应该支持跨域资源共享,但是oauth2我刚接触, 在做跨域的时候无法做到对/oatuh/接口的跨域,所以目前只能通过ngix的反向代理解决跨域的问题

项目结构

后台接构

|-src
   |-main
      |-java
      |    |-com.wf.ew
      |              |-common     // 核心模块
      |              |     |-config      // 存放SpringBoot配置类
      |              |     |     |-MyBatisPlusConfig.java      // MyBatisPlus配置
      |              |     |     |-SwaggerConfig.java          // Swagger2配置
      |              |     |
      |              |     |-exception   // 自定义异常类,统一异常处理器
      |              |     |-oauth       // 权限配置模块
      |              |     |-utils       // 工具类包
      |              |     |-BaseController.java    // controller基类
      |              |     |-JsonResult.java        // 结果集封装
      |              |     |-PageResult.java        // 分页结果集封装
      |              |
      |              |-system      // 系统管理模块
      |              |-xxxxxx      // 其他业务模块
      |              |
      |              |-EasyWebApplication.java     // SpringBoot启动类
      |              
      |-resources
            |-mapper     // mapper文件
            |    |-system
            |
            |-application.properties  // 配置文件

前端结构

|-assets
|     |-css                     // 样式
|     |-images                  // 图片
|     |-libs                    // 第三方库
|
|-components            // html组件
|     |-system                  // 系统管理页面
|     |-xxxxxx                  // 其他业务页面
|     |-tpl                     // 公用组件
|     |     |-message.html                 // 消息
|     |-console.html            // 主页一
|     |-header.html             // 头部
|     |-side.html               // 侧导航
|
|-module                // js模块 (使用layui的模块开发方式)
|     |-admin.js                // admin模块
|     |-config.js                // config模块
|     |-index.js                // index模块
|
|-index.html            // 主界面
|-login.html            // 登陆界面

快速上手

后台快速上手

如何添加自己的业务代码:

  跟common、system同级建一个包,名字为你的业务模块名称,然后下面依次建 controller、dao、model、service、service.impl等包,然后再resource/mapper下面也 建一个模块文件夹,里面放mapper的xml文件。

  • mapper.xml 扫描路径是classpath:mapper/**/*Mapper.xml
  • druid 的service扫描路径是 com.wf.ew.*.service.*
  • mapper 的扫描路径是 com.wf.ew.*.dao
    位于 common/config/MybatisPlusConfig.java

前端快速上手

  前端页面详细开发文档:https://whvse.gitee.io/easywebpage/docs/

项目截图

登录 

用户管理

角色管理

登录日志



相关学习资料

:smirk: 学如逆水行舟,不进则退~~~


联系方式

1、欢迎加入“前后端分离技术交流群”:

群二维码

空文件

简介

前后端分离的Java后台管理系统模板 展开 收起
Java
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
Java
1
https://gitee.com/xyzuncle/EasyWeb.git
git@gitee.com:xyzuncle/EasyWeb.git
xyzuncle
EasyWeb
EasyWeb
master

搜索帮助

14c37bed 8189591 565d56ea 8189591