Code Monkey home page Code Monkey logo

mini-program-aggregators's Introduction

mini-program-aggregator

简介

Java前后端分离模式的管理系统开发平台+微信小程序。


  • 演示地址:
  • 演示账号: 密码:

使用技术

后端

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

前端

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

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

导入项目

后台导入和部署

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

前端导入和部署

分离部署

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

前后端分离应该采用分离部署的方式,后台支持跨域资源共享。

项目结构

后台接构

|-mini-program-aggregators
   |
   |
   |-mini-program-commons     //通用包:引入redis、rabbitmq等
   |
   |
   |
   |-mini-program-model       //通用实体对象包
   |
   |
   |
   |
   |-mini-program-server      //服务包
      |-java
      |              
      |-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            // 登陆界面

快速上手

后台快速上手

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

前端快速上手

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


相关学习资料

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


mini-program-aggregators's People

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.