Giter Site home page Giter Site logo

591753768 / wetech-spring-boot-vue-example Goto Github PK

View Code? Open in Web Editor NEW

This project forked from bobo41/wetech-spring-boot-vue-example

0.0 1.0 0.0 117.22 MB

Spring Boot + Mybatis + Mapper + PageHelper + Swagger + Vue.js 整合示例工程,包含前后端增删改查示例代码

Home Page: https://github.com/cjbi/wetech-spring-boot-vue-example

License: MIT License

JavaScript 27.04% Shell 0.36% Batchfile 0.20% HTML 2.19% Vue 48.55% CSS 4.86% Java 16.81%

wetech-spring-boot-vue-example's Introduction

wetech-spring-boot-vue-example

项目介绍

Spring Boot + Mybatis + Mapper + PageHelper + Swagger + Vue.js 整合示例工程,包含前后端增删改查示例代码。

软件架构

后端技术

技术 名称 版本 官网
Spring Boot 应用框架 2.0.0.RELEASE https://projects.spring.io/spring-boot/
MyBatis ORM框架 3.2.1 http://www.mybatis.org/mybatis-3/zh/index.html
Mapper MyBatis 通用 Mapper4 4.0.0 https://gitee.com/free/Mapper
PageHelper MyBatis 分页插件 5.1.2 https://gitee.com/free/Mybatis_PageHelper
MyBatis Generator 代码生成 1.3.5 http://www.mybatis.org/generator/index.html
Swagger2 在线Api文档 2.7.0 https://swagger.io/
Maven 项目构建管理 4.0.0 http://maven.apache.org

前端技术

技术 名称 版本 官网
Vue.js 前端MVVM框架 2.5.10 https://cn.vuejs.org/
iView Admin 基于Vue.js的前端UI框架 2.1.0 https://admin.iviewui.com

软件需求

  • JDK1.8+
  • MySQL5.6+
  • Maven3.0+

安装教程

  1. 通过git下载源码
  2. 创建数据库my_app,数据库编码为UTF-8
  3. 依次执行docs/sql/schema.sql和docs/sql/data.sql文件,初始化数据
  4. 修改application-dev.properties文件,更新MySQL账号和密码
  5. 运行Maven命令mvn install(注意:安装wetech-admin模块因为会运行npm install和npm build命令时间会比较长,当然也可以手动在wetech-admin模块执行npm命令)
  6. 运行MyAppApplication类,启动项目
  7. 项目访问路径:http://localhost:8888/my-app

代码生成器

已集成通用 Mapper 专用代码生成器Maven插件,使用该插件可以很方便的生成实体类、Mapper接口以及对应的XML文件。

首先对MBG不太了解的可以先阅读下面的文档

Mybatis Geneator 详解

通用 Mapper 专用代码生成器生成的 Model 会在原有基础上增加 @Table,@Id,@Column 等注解,方便自动会数据库字段进行映射。

运行代码生成器需要使用命令

mvn mybatis-generator:generate

预览图

iView admin

crud

swagger

wetech-spring-boot-vue-example's People

Contributors

cjbi avatar

Watchers

 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.