
1.寫在前面
之前有個(gè)粉絲找到我,問有沒有什么真正手把手的教SSM框架的視頻,說網(wǎng)上找到的大都很復(fù)雜或者資料不全。
我說不需要整這么麻煩,我自己給你錄一套手把手的教程吧。
??目前教程已經(jīng)上傳到B站了,視頻連接在文章底部!??
首先來介紹一下這個(gè)系統(tǒng),這是一個(gè)基于SSM的辦公用品領(lǐng)用系統(tǒng),包含完整的權(quán)限配置。下面是登錄頁面:

登錄進(jìn)去后,就是傳統(tǒng)的后臺(tái)管理界面。
菜單如下:

雖然項(xiàng)目不大,但是五臟俱全。
2.專注Java,簡(jiǎn)化前端學(xué)習(xí)成本
為了專注Java,簡(jiǎn)化前端學(xué)習(xí)成本,我對(duì)EasyUI進(jìn)行了二次封裝,你只需要寫極少的js代碼,就可以做出一個(gè)頁面!
剩下的,我們把更多時(shí)間放在SSM框架的學(xué)習(xí)上!
SSM框架是目前主流的配置,雖然現(xiàn)在都用SpringBoot,但是其本質(zhì)還是Spring+SpringMVC,只是說SpringBoot完成了自動(dòng)配置而已。這個(gè)相信大家也都知道。
所以,SSM框架的傳統(tǒng)寫法,也是非常推薦新人學(xué)習(xí)一下的。
我對(duì)EasyUI框架進(jìn)行了二次封裝,如果你想渲染一個(gè)table,只需要這樣:
var grid0 = { title : 庫存信息列表 , //列表的標(biāo)題 url : kcxx/list.do, //后臺(tái)查詢接口 singleSelect : true , //設(shè)置單選 hasSelect : true , //選擇欄 paging : true , //分頁 //設(shè)置我們列表的字段 fields : [ 50|id|物品編號(hào), 150|wpmc|物品名稱, 100|wpxh|物品型號(hào), 100|wpCount|物品數(shù)量 ], buttons : [ {name:新增庫存信息,actionName:add}, {name:修改庫存信息,actionName:edit}, {name:刪除庫存信息,actionName:remove} ] , search : { fields : [ s_wpmc|物品名稱 ], } }頁面上展示的是這樣:

我知道很多小伙伴對(duì)前端不感冒,所以就簡(jiǎn)化了頁面操作。
3.核心數(shù)據(jù)庫設(shè)計(jì)
庫存信息表
CREATE TABLE `kcxx` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT 物品編號(hào), `wpmc` varchar(30) NOT NULL COMMENT 物品名稱, `wpxh` varchar(20) DEFAULT NULL COMMENT 物品型號(hào), `wp_count` int(5) DEFAULT 0 COMMENT 物品數(shù)量, `user_field1` varchar(30) DEFAULT NULL COMMENT 備用字段1, `user_field2` varchar(30) DEFAULT NULL COMMENT 備用字段2, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;申領(lǐng)信息表
CREATE TABLE `slxx` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT 領(lǐng)用單號(hào), `wpid` int(11) DEFAULT NULL COMMENT 物品編號(hào), `wpmc` varchar(30) DEFAULT NULL COMMENT 物品名稱, `wpxh` varchar(30) DEFAULT NULL, `wp_count` int(5) DEFAULT NULL, `userid` int(11) DEFAULT NULL COMMENT 申領(lǐng)人ID, `username` varchar(255) DEFAULT NULL COMMENT 申領(lǐng)人姓名, `sl_time` varchar(30) DEFAULT NULL COMMENT 申領(lǐng)時(shí)間, `status` varchar(2) DEFAULT NULL COMMENT 申領(lǐng)狀態(tài): 0-待審核 1-審核通過 2-審核拒絕, `refuse_cause` varchar(100) DEFAULT NULL COMMENT 拒絕, `user_field1` varchar(30) DEFAULT NULL COMMENT 備用字段1, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;4.項(xiàng)目部署前提
開發(fā)語言:java
后臺(tái)框架:SpringMVC、Spring、Mybatis
前臺(tái)技術(shù):html、css、EasyUI開發(fā)環(huán)境:
Eclipse-mars
Jdk1.8
apache-maven-3.5.3
mysql 5.x應(yīng)用技術(shù):
SpringMVC
MyBatis
ajax
EasyUI (前臺(tái)框架)后臺(tái)管理員賬號(hào)密碼:admin/1
教師賬號(hào):http://999.sxnd.com
1
學(xué)生賬號(hào):http://1001.sxnd.com 123456訪問地址: http://localhost:8080/app/
端口:8080 (根據(jù)你的具體情況而定)

5.注意事項(xiàng)
JDK、Eclispe環(huán)境都安裝完畢。
Eclispe導(dǎo)入項(xiàng)目,不知道如何導(dǎo)入可以百度。
Tomcat已經(jīng)成功配置到Eclipse中。【注意】
為了使項(xiàng)目正確運(yùn)行,一定要把mysql的密碼換成你自己的。地址: src/db/jdbc.propertiesdb.driver=com.mysql.jdbc.Driver db.url=jdbc\:mysql\://localhost\:3306/mydb?useUnicode\=true&characterEncoding\=utf8 db.username=root db.password=換成你自己的密碼當(dāng)然,在那之前,請(qǐng)用navicat等工具把數(shù)據(jù)庫腳本文件夾中的mydb.sql導(dǎo)入!
【注意】 后面的項(xiàng)目名稱請(qǐng)務(wù)必改為項(xiàng)目的名稱,比如my-project。
基于SSM的辦公用品管理系統(tǒng)_嗶哩嗶哩_bilibili?www.bilibili.com/video/BV1r44y1G7EX/
以上就是【特別是最后一個(gè)!??爆肝熬夜開發(fā)了一個(gè)基于SSM的辦公用品領(lǐng)用系統(tǒng),現(xiàn)在開源給你!畢設(shè)面試學(xué)習(xí)都不愁了!【強(qiáng)烈建議收藏】??】的全部?jī)?nèi)容。


評(píng)論