Springboot、maven、easyUi框架(學習記錄)

前言:

近期在學習網站上學習了基於maven搭建Springbot框架,結合前端的easyUi框架完成小型後臺管理系統。總體上感覺從ssh框架到ssm框架,再從ssm框架到Springboot框架,代碼變得越來越簡潔。就最簡單語言來描述,Springboot的sql操作在mapper裏面,沒有像ssm框架中xml文件,這樣搭建起來更加簡單。但是對pom.xml裏面的包的導入,對於每個項目或者不同電腦都會有所差異,又遇到這樣或者那樣的問題,自己搭建一個Springboot框架還是挺費時間的。

Springboot學習:

1.ssm需要加jar包,浪費重複空間

2.建立本地文件夾,repository;使用的時候就引用;

3.pom.xml書寫:如果需要額外的jar,pom.XML,直接添加到pom.xml之中。
一個dependengce就是一個jar包,https://search.maven.org/ 這個網站直接尋找dependency

4.maven管理項目的工具

5.maven與myeclips的整合

6.ssm與maven整合,添加配置文件,web.xml

7.springBoot搭建,myeclips構建,錯誤解決;
優點:樣板化,簡化maven配置
springBoot是springmvc升級版
是下一代框架,
springCloud微服務框架

maven建好了目錄結構;
修改JRE版本號,修改了固有的目錄結構。
pom.xml 裏面的相關依賴,錯誤信息解決,update project
難點:環境配置,Maven項目的構建過程,寫一個博客解決

8.springboot的代碼註解使用
啓動springboot
@EnableAutoConfigutation
控制層掃描
@ComponentScan(basePackages={"",""})
mapper掃描
@mapperScan(value="")
SpringApplication.run(,class,arg)
數據庫配置文件 數據庫數據源
application.properties文件
端口號

9.視圖解析器 前綴和後綴,後面的控制層直接使用
spring.mvc.static-path-patrn =/static/**

10.dao,service,controller三層寫法記錄
規範化 public abstract 省略
-》dao(mapper)
接口裏面 省略xml
@Select(“sql語句”) 參數 #{arg0}
參數超過三個用map封裝

-》service
@service
調用dao層,@Autowired new mapper對象

-》 controller
調用service層 加@ResponseBody
springboot不要放Tomcat啓動
直接啓動spriingboot
特別簡單的數據查詢操作,單獨放springboot的啓動;

11.項目發佈 pom中的war改成jar
maven install打包
cmd裏面運行jar 沒有網絡就咩有下載jar包
java -jar 地址名

12其它注意事項
視圖解析器:默認訪問首頁
新建contrler 寫一個方法
@ResponseBody(value="/");
返回值爲string return “”;

前綴和後綴
@ResponseBody(value="/…");
返回值爲string return “指定jsp”;

開放靜態資源訪問
resource文件夾之下static (css,js,images)

easyUi框架學習

easyUi框架作爲一個簡單的前端框架,已經封裝好基本的操作,通過對幫助手冊的屬性,進行直接調用,依據自己的需求進行適當的修改。主要是對依據組件,控件的相關方法的使用。其中多設計js,ajax方面知識。當然對於數據處理json是最好的選擇。

放到maven項目的js文件夾裏面
導入easyUI的資源文件 4個 改路徑<%=basePath%>static/js/

class調用 js調用

窗口組件 組件的屬性,可查。圖標自帶
表單
菜單
按鈕

連接後臺,登錄 href=“javascript:void(0)”

$(
function(){
 //登錄事件
$("#login").click(function(){
    $.ajax(

url:'',
type
sucess:function(result){
  
}

);
})
}

傳json 收表單的問題,傳值問題

data:$("#form")
);

樹控件
導航圖標,可以進行更換

<ul>
  <li>
     <span>

樹的節點從數據庫取得(一張表)
json獲取;數據命名與操作手冊保持一致
狀態; 一級菜單的確定?多級菜單的確定

增加pid 記錄父節點形成樹結構
增加href每一個樹節點的鏈接

需要寫function,設置訪問路徑url
動態獲取

返回json數據,json數據獲取;

select * from admin_nav where pid =1
–>LIST<Map<String,Object>>

數據庫集轉爲json數據格式
數據庫查詢返回List<map<String,Object>>

注意:節點id很重要(重複循環一個圖標)
首次加載,先找出一級節點 ID=null
@RequestParam(defaultValue= “0”,required=true/false)默認值
該參數必須傳,不必須傳;

選項卡 動態
點擊樹控件,顯示在中間界面
選項卡自適應,模塊設置沒有頭;
自動添加選項卡,
單擊事件,查api; none封裝了節點值
onclick事件添加選項卡

沒有子節點就可以有href值;
禁止有子節點鏈接;
每一個選項卡,點一次出現一次,判斷選項卡是否存在;
存在獲取焦點;

表格控件table, 基於table標籤;
菜單管理:通過界面進行菜單欄的怎刪改查;點進去就是超鏈接,列表
DataGrid

<table   id=""></table>
<script>
   $......
</script> 

操作手冊
直接轉化爲json數據類型?分析過程

分頁控件 pagination
改爲本地語言
漢化:地址,一個插件;
使分頁有作用:
select * from biao limit 當前頁,每頁顯示
控制檯傳過來兩個參數 命名需要與幫助文檔一致string page rows
後臺接受到之後傳到dao層,把sql語句中參數填進去;
業務層裏面計算公式算出當前頁;

計算總頁數
寫一個接口查詢出數據庫表中的記錄條數
返回map自動解析爲json?
自動修改共多少頁!!!!

分頁控件的細節
依據手冊,添加到每一列後面進行深入的解釋
格式化英文改爲中文 展開關閉
幾級菜單顯示,什麼顏色提示庫存顏色
多選,單選批量刪除等功能,列寬度凍結;
增加操作欄 工具欄
toolbar:操作
點擊觸發事件 “-”分隔線;
主鍵之前添加複選框 添加一列,設置一個布爾值

添加菜單 handler函數
window構件 show({key:value…})

添加的列項寫到一個div之中 p
div的id;觸發window()
智能化數據獲取,簡化操作
提交:

$ajax({
     url: .......
     data:$("#form).serializobject
     獲取表單裏面所有數據
      })

添加成功刷新列表
關閉添加窗口,隱藏失敗?有很多樣式 window裏面乾逼方式
點擊下拉框,提交ajax處理

刪除:獲取id getsELECTIONS 返回所有選中的按鈕
拼接成以逗號連接的字符串
批量刪除的sql語句的寫法

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章