基於Spring Boot + Spring Security開發信息管理平臺

基於Spring Boot + Spring Security開發信息管理平臺

一. 項目簡介

1. 項目簡介

    本項目採用Restful API 設計,即先後端分離,這也是當前比較流行的作法,在項目開發過程當中,事先約定好API接口以及對應數據格式,使先後端之間能夠最大限度減小對方的"依賴",提升開發效率.
    後端是基於Spring Boot框架搭建的信息管理系統,並整合Spring Security進行受權認證管理,數據訪問層則採用Mybatis進行持久化,該項目使用maven進行項目工程管理.項目提供了信息管理平臺最基本的用戶管理以及動態菜單管理等功能.
    前端方面採用的vue.js + Element UI框架,因爲本人主要作後端開發,在前端方面能力較渣,因此前端直接使用了由花褲衩開發的模板,在此基礎上結合本身項目的業務進行修改,這位大大還寫了一個很是詳細的文檔,很是值得學習.

2. 項目截圖

• 首頁
• 用戶管理
• 角色受權
• 菜單管理

二. 環境

1. 開發工具

• 操做系統: Deepin
• IDE: IntelliJ IDEA 、WebStorm

Deepin 深度操做系統是基於Ubuntu開發一款國產Linux操做系統,底層是Linux系統,同時基於DeepinWine技術，能夠運行大量的Windows平臺軟件,像微信、QQ、TIM等均可以運行,這是其餘Linux操做系統所沒有的,界面也很是好看,用起來仍是很順心的,本項目是在Deepin系統上開發的.
IntelliJ IDEA 我的以爲比eclipse好用,比較坑的是這東西很佔內存
Web Storm 是IntelliJ全家桶中前端開發的IDE,也很好用,也很佔內存

2. 開發環境

• Java 1.8
• Mysql 5.7
• maven 3.3.9
• node.js 8.9.4
• redis 4.0.6

環境安裝這裏就不說了,具體網上有不少博客可參考

三. 跑起來

1. 後端

1.1 克隆項目

git clone git@github.com:PGshen/non-zero.git

1.2 Project Structure配置

• 用IDEA打開剛剛克隆下來的項目,右下角應該會提示pom.xml file found,點擊Add as Maven Project,使項目使用maven進行管理,第一次須要下載相關依賴,時間會比較長.(第一次在IDEA上使用maven應該要配置一下,具體網上搜索吧)
• 
• 打開 File -> Project Structure
• 左側選擇Project,右側選擇項目的JDK,本項目使用的是1.8版本
• 
• 
• 
• 
• 左側選擇Artifacts, 點擊中間綠色+,選擇Web Application: exploded -> From modules..,在彈出面板中選擇zero-business,而後OK
• 再次點擊中間綠色+, 選擇Web Application:Archive -> For zero-business:war exploded
• 
• Project Structure配置完成,點擊OK

1.3 Run/Debug Configurations

• 打開 Run -> Edit Configurations
• 點擊綠色+ , 選擇Spring Boot,配置一下
  Name -> ZeroApplication
  Main class -> space.zero.business.ZeroApplication
  use class of module -> zero-business
  JRE -> 1.8
• 
• Run/Debug Configurations配置完成,點擊OK

這裏直接使用Spring Boot 內嵌的tomcat,只需在pom文件添加相關依賴便可;如果想部署到tomcat服務器也是能夠的.

1.4 數據庫

• 建立數據庫

create database zero character set utf8;

• 導入數據

use zero;
source zero.sql;

• 修改項目中的數據源配置(zero-business模塊下的application-dev.properties文件)

# 開發環境配置
# 數據源配置，請修改成你項目的實際配置
spring.datasource.url=jdbc:mysql://localhost:3306/zero?useUnicode=true&characterEncoding=utf8&useSSL=false
spring.datasource.username=root
spring.datasource.password=1108
spring.datasource.driver-class-name=com.mysql.jdbc.Driver

server.port=8088

1.4 啓動redis

#在終端命令啓動redis
redis-server

1.5 啓動後端項目

有兩種方式啓動項目,直接在IntelliJ IDEA 中啓動,或者打成Jar包啓動

• IntelliJ IDEA啓動
  經過前面的配置,直接點擊run或debug按鈕啓動

• Jar包啓動
  進入項目目錄,使用maven 命令打包

  mvn package

  進入zero-business模塊的target 目錄能夠看到剛剛打的Jar 包,使用Java命令啓動

  java -jar zero-business-1.0-SNAPSHOT.jar

若是在開發過程當中使用IntelliJ IDEA啓動,方便調試;
如果臨時部署到遠程服務器則採用Jar包運行方式;

2. 前端

2.1 克隆項目

git clone git@github.com:PGshen/non-zero-admin.git

2.2 安裝依賴

#進入項目目錄
npm intall

2.3 啓動開發

打開config目錄下的dev.ent.js文件,配置訪問的服務器地址和端口

module.exports = {
    NODE_ENV: '"development"',
    ENV_CONFIG: '"dev"',
    // BASE_API: '"http://119.29.245.181:8088"'
    BASE_API: '"http://127.0.0.1:8088"'
}

啓動

npm run dev

默認9527端口,瀏覽器打開localhost:9527

有問題或者下載依賴很慢能夠參考 花褲衩的說明

項目地址

後端: https://github.com/PGshen/non...
前端: https://github.com/PGshen/non...
預覽地址: http://non-zero.space/zero/ (臨時掛在github pages上的,不要改基礎數據)

注意:項目還有一些小bug沒改,目前先這樣子吧