2017 夏季學(xué)期經(jīng)管Java Web開發(fā)課程相關(guān)資料
課程時間： 2018年 7月14~20日
課程目標(biāo)
幫助同學(xué)們掌握 Java/Html/Javascript 技術(shù)協(xié)作（Markdown）開發(fā)小型 MVC Web 應(yīng)用的能力答姥，理解常見 Web 開發(fā)架構(gòu)，前端（HTML）與后端(數(shù)據(jù)庫）的基本原理與數(shù)據(jù)傳輸格式(HTMl or JSON)井誉，將 Web 開發(fā)的架構(gòu)設(shè)計與思考能力延續(xù)到未來的學(xué)習(xí)當(dāng)中焰轻。
2018年 同學(xué)項(xiàng)目鏈接
- 快樂肥宅組：https://github.com/shenzihan97/GGWP
- 天才組：https://github.com/meng10270/Genius
- 庸才組：https://github.com/adrianbabe/unGenuis
- Holmes：https://github.com/Xiaxiaxiah/Holmes
2017年 上期同學(xué)項(xiàng)目鏈接
Java小學(xué)期Github倉庫:
- HappyJune組: 美食 https://github.com/JuneRainbow/Hungry
- ASC組：婚禮 https://github.com/wuxinran-Angel/ASC-WEB
- PPAP組：音樂 https://github.com/dandandeyousangjun/no.2-ppap
- MWZ組: 電影 https://github.com/364879671/FilmWeb
評分標(biāo)準(zhǔn)
個人總分
個人總分=A中期選題匯報（20%）+ B課程項(xiàng)目匯報（50%）+ C課堂參與（10%）+ D團(tuán)隊(duì)內(nèi)貢獻(xiàn)（20%）
團(tuán)隊(duì)分組
- 人數(shù)：2-3人坟募，自由組合缘挽，選定負(fù)責(zé)組長, 中文組名, 組名英文id(符合目錄命名規(guī)則,無空格, 區(qū)分大小寫)
- 建議分工：
- 組長：協(xié)調(diào)選題北滥、分配隊(duì)員工作昂勒、給出團(tuán)隊(duì)內(nèi)貢獻(xiàn)分值
D - 文案, PPT報告, Markdown 文檔協(xié)作等
- 系統(tǒng)架構(gòu)
- 后端（Servlet、ORM-數(shù)據(jù)庫、RestFul-JSON）
- 前端（Html+CSS贵扰，Photoshop平面設(shè)計, Javascript, 響應(yīng)式設(shè)計）
- 組長：協(xié)調(diào)選題北滥、分配隊(duì)員工作昂勒、給出團(tuán)隊(duì)內(nèi)貢獻(xiàn)分值
具體評分方式
| 編號 | 得分項(xiàng) | 評分依據(jù) | 評分方式 | 時間 |
|---|---|---|---|---|
A |
中期報告 | 團(tuán)隊(duì)分工, 設(shè)計目標(biāo), 技術(shù)儲備, 難點(diǎn)與解決思路, 10分鐘之內(nèi) | 教師分組評價 | 教師作講解(技術(shù)儲備, 代碼等) 2018/7/15 中期報告 周日上午: 1-6組 |
B |
結(jié)項(xiàng)報告 | PPT匯報, 演示, 目標(biāo)難度與完成狀況+, Github文檔提交與代碼展示++ | 教師分組評價 | 周日晚上 |
C |
課堂參與 | 回答問題仇穗，主動提問 | 教師個人評價 | 平時 |
D |
團(tuán)隊(duì)貢獻(xiàn) | 子目標(biāo)難度，完成狀況 | 組長評價 | 結(jié)項(xiàng)報告后 |
知識點(diǎn)一覽
思維導(dǎo)圖:
本課知識點(diǎn)思維導(dǎo)圖
Java Web 開發(fā)詳細(xì)思維導(dǎo)圖
重點(diǎn)(4h)： MVC 架構(gòu)(1h)戚绕，JSON后端處理(0.5h)纹坐，JSON 前端處理(0.5h)，Github 倉庫項(xiàng)目分享與展示(2h)
非重點(diǎn)：數(shù)據(jù)可視化（EChart）舞丛，前端框架 Vue.js Atom Live HttpServer 耘子， 響應(yīng)式設(shè)計 ， Github 協(xié)作
環(huán)境預(yù)備
示范項(xiàng)目: https://github.com/chenzheng128/ShiyanlouPhoto
任務(wù)：
- 注冊 Github 賬號球切，Clone 克隆項(xiàng)目至自己的賬號中
- 用
Open in DesktopGithub 客戶端下載源代碼拴还， 使用 Tomcat Server （JSP 頁面） 或 HTTP Server (Html 頁面， 例如Atom+Live Server) 發(fā)布進(jìn)行頁面訪問與瀏覽欧聘， 能夠區(qū)分本地訪問和網(wǎng)絡(luò)訪問 -
任務(wù)： 安裝 Github 客戶端， 進(jìn)行代碼版本管理端盆，新建項(xiàng)目怀骤，修改與上傳操作，插入圖片焕妙，在不同目錄下建立 README.md Markdown 說明文檔蒋伦。
參考： 1. 專為設(shè)計師而寫的GitHub快速入門教程 2. 如何同步 Github fork 出來的分支
（簡化起見，都不要 Fork 代碼焚鹊，小組注冊一個賬戶后痕届，同學(xué)之間共享賬戶密碼即可）
任務(wù)：參考實(shí)驗(yàn)樓項(xiàng)目進(jìn)行 MVC 分層次設(shè)計
| 架構(gòu) | 任務(wù)與關(guān)聯(lián)對象 | 實(shí)驗(yàn)樓 src 目錄 |
|---|---|---|
| M - Model 模型 | 數(shù)據(jù)(庫)對象存儲 |
domain\ 實(shí)體對象描述 service\ 存儲 |
| C - Controller 控制器 | 請求分發(fā)與處理 Servlet | action\ |
| V - View 展示 | 樣式展示 Servlet/JSP/Html | .jsp .html |
Github項(xiàng)目倉庫目錄規(guī)范
- 倉庫命名規(guī)范:
<小組英文id>
-
README.md項(xiàng)目名稱、功能介紹末患，主要功能截圖研叫； 目錄與文件說明 期中選題報告.pptx期末項(xiàng)目報告.pptx-
db.sql db-data.sql數(shù)據(jù)庫結(jié)構(gòu)與測試數(shù)據(jù)數(shù)據(jù) -
screenshot/截圖文件夾/ - Java代碼:
src/cuc/web2018/<小組英文id> - 頁面代碼:
WebContent/web2018/<小組英文id>/index. [html/jsp] - 數(shù)據(jù)庫: Github倉庫根目錄中以
db.sql存儲SQL建表語句與測試數(shù)據(jù). 或使用阿里云公共數(shù)據(jù)庫, 數(shù)據(jù)表前綴應(yīng)附加:<小組英文id>_ - Github倉庫鏈接:
https://github.com/<youusername>/<web2018-小組英文id>/
-
任務(wù): 掌握并熟悉 README.md 中 MarkDown 語法的使用, 建立倉庫項(xiàng)目示范文件夾 ：Github + MarkDown
基礎(chǔ)知識
- Web網(wǎng)絡(luò)基礎(chǔ): TCP/IP簡單解釋, 淺談CS/BS架構(gòu), 理解HTTP協(xié)議,
- JSP/Servlet——MVC設(shè)計模式 Servlet規(guī)范
- HTML表單, RESTful API設(shè)計指南
基礎(chǔ)實(shí)驗(yàn)
MySQL 基礎(chǔ)課程 @實(shí)驗(yàn)樓
網(wǎng)頁前端教程： CSS 入門
網(wǎng)頁前端實(shí)驗(yàn): ~~~（HTML基礎(chǔ)入門 + CSS速成 + Javascript基礎(chǔ)（新版）@實(shí)驗(yàn)樓~~~ 考慮修改為菜鳥文檔鏈接
JQuery基礎(chǔ)入門 1 2, [.getJSON()]
(http://www.css88.com/jqapi-1.9/jQuery.getJSON/), JQuery-AjaxJava中使用JSON(RESTful API預(yù)備), (修改為OrgJsonHelper鏈接), 介紹JSON@官網(wǎng)
GitHub倉庫創(chuàng)建與管理（國內(nèi) coding.net)
使用 Maven 管理 Java 項(xiàng)目 (TODO 鏈接錯誤): 以 json-lib 為例
擴(kuò)展參考與實(shí)驗(yàn)
- Bootstrap入門, 響應(yīng)式設(shè)計
J2SE網(wǎng)絡(luò)通信實(shí)踐 [@實(shí)驗(yàn)樓(會員)]- Spring框架入門
高級項(xiàng)目
- 結(jié)合七牛API搭建個人相冊 @實(shí)驗(yàn)樓 , 相關(guān)知識: Bootstrap(響應(yīng)式設(shè)計), 自定義DAO,
API - 豆瓣Api V2（測試版）Java SDK
項(xiàng)目要求
評分方法:
- 基礎(chǔ)元素: 數(shù)據(jù)庫 + 服務(wù)端(Java:JSP or Servlet) + 客戶端(瀏覽器JavaSript), Java MVC架構(gòu), 自定義JSON數(shù)據(jù)傳輸, Github項(xiàng)目倉庫+Markdown文檔
- 擴(kuò)展元素: RESTful API(豆瓣等 API 開發(fā) ), GitHub PullRequest協(xié)作, 前端功能與效果
期末報告流程:
- 小組抽簽決定報告順序, 每組報告時間在15分鐘以內(nèi).
- 每組報告前, 組長提交小組內(nèi)各成員共享分值(滿分100分),
天使劵及其數(shù)量 - 報告重點(diǎn): 項(xiàng)目簡報(目標(biāo)難度與完成狀況, 分工協(xié)作狀況, 各自成長與收獲), 站點(diǎn)演示, IDE代碼展示, Github倉庫展示(含README.md). 如使用了 Github Pull
Request協(xié)作, 可介紹 Github Contributor 情況
