jsp文章發布系統畢業設計論文(編輯修改稿)

　

【文章內容簡介】 稱 用戶 用例 用例概述 用戶登錄 主 要用戶 用戶 前置條件 進入 文章發布管理 系統 基本事件流 步驟 活動 A1 用戶 向 發布 系統發出 登錄 請求 A2 用戶輸入郵箱地址和密碼，到數據庫中驗證是 否對應 擴展事件流 1a 郵箱地址不存在數據庫中，返回提示的信息 1b 用戶如果沒有填寫必填的信息，返回登錄界面 2a 驗證郵箱地址密碼錯誤或者還沒存到數據庫，返回提示信 息 碼農畢業設計下載網： 9 表 33 文章用例說明 表 34 留言用例說明 用例編號 UC04 用例名稱 留言 用例 用例概述 對文章進行留言評論 主參與者 用戶 前置條件 登錄了文章發布與管理系統 基本事件流 步驟 活動 A1 用戶點擊文章標題后，界面跳轉到文章展示界面，并在文章 底部留言查看，留言評論 表 35 學生安全退出系統用例說明 用例編號 UC02 用例名稱 用戶 用例 用例概述 用戶登錄系統，實現個人信息修改，密碼修改 主 要 參與者 用戶 前置條件 用戶已經注冊了數據庫 基本事件流 步驟 活動 A1 系統顯示用戶個人信息和密碼提供用戶修改 擴展事件流 1a 修改時原密碼與 原來的密碼不同，返回提示的信息 用例編號 UC03 用例名稱 文章 用例 用例概述 文章的相關信息及維護 主參與者 文章 前置條件 進入 文章發布與管理 系統 基本事件流 步驟 活動 A1 用戶在首頁頁面瀏覽文章信息 A2 系統向用戶展示信息并做出相應的反映，例如界面跳轉 碼農畢業設計下載網： 10 用例編號 UC07 用例名稱 注銷 用例 用例概述 用戶的安全退出 主參與者 用戶 前置條件 進入 文章發布與管理 系統 基本事件流 步驟 活動 A1 文章登錄文章管理系統后點擊注銷按鈕 A2 系統對用戶的操作要做出反映，界面跳轉到系統 的首頁 碼農畢業設計下載網： 11 第四章 項目總體設計 項目設計目標 作為一個學生課程及成績管理系統，除了要操作簡單、功能強大以及符 合上述需求分析之外，還應該實現一些其他的目標，從而能適用于各類城市的不同檔次影院，具體要求如下： ? 界面在設計上要簡潔、友好、美觀，操作要準確、快捷； ? 數據存儲方面要安全可靠； ? 用戶可以隨時修改自己的個人信息； ? 對于用戶輸入的數據，系統要有檢錯機制，盡可能排除人為的錯誤； ? 系統要最大限度的使維護方便，運行要安全、穩定、可靠。 碼農畢業設計下載網： 12 項目類圖 系統主要類有： 用戶管理，文章管理，評論管理，主要系統類圖如下： 項目類說明 該系統功能從客戶端角度來說可以分為以三大大模塊，具體的每一個 模塊又可以分為幾個小模塊： 一、用戶模塊 （ 1） 用戶 1)輸入：用戶名，用戶密碼，驗證碼 2)處理： ? 先判定輸入用戶名，密碼是否為空，密碼是否大于六位。 ? 然后判定用戶名是否存在，密碼是否錯誤。 ? 最后后臺判定驗證碼是否正確 3)輸出： ? 登錄驗證是否成功 1)輸入：無。 碼農畢業設計下載網： 13 2)處理： ? 判定用戶是否登錄 3）輸出： ? 顯示學用戶信息 1)輸入：用戶信息 2)處理： ? 判定用戶是否登錄 ? 判斷用戶輸入是否合法 3）輸出： ? 是否用戶信息更新成功 1） 輸入：用戶信息 2） 處理： 判定用戶注冊信息是否為空 判定輸入格式是否合法 3） 輸出： 顯示用戶是否注冊成功，登錄首頁 二、文章管理模塊 （ 1）撰寫文章 1)輸入：文章內容 2)處理： ? 后臺將文章內容存入文件中，將文件名稱存數數據庫中。 3)輸出： ? 顯示發表文章成功 （ 2）修改文章 1)輸入：點擊要修改的文章標題 2)處理： ? 登入系統 ? 修改文章標題 ? 修改文章內容 3)輸出： ? 顯示修改成功，返回主界面 ? 若是修改失敗顯示修改失敗，返回當前文章界面 （ 3）刪除文章 碼農畢業設計下載網： 14 1)輸入： 2)處理： ? 登入系統 ? 點擊文章后面的刪除按鈕 3)輸出： ? 若是成功，則顯示刪除成功 ? 若是失敗，顯示刪除失敗 三、評論管理管理 （ 1）發表評論 1)輸入：評論內容 2)處理： ? 登入系統 ? 點擊文章標題 ? 輸入評論內容 3)輸出： ? 顯示評論內容到評論模塊區 項目流程圖 本文章系統主要涉及的業務流程有：用戶注冊，用戶登入，文章發表，文章管理，文章刪除，用戶個人信息管理，用戶密碼管理等方面，整個系統流程圖如下圖所示： 碼農畢業設計下載網： 15 圖 42 系統活動圖 碼農畢業設計下載網： 16 第五章 Oracle 數據庫設計 數據庫需求分析及 ER 圖 實體有：用戶實體、文章實體、留言實體。 根據系統 功能分析，可以得到此 ER 圖： 系統管理模塊 ER 圖 用戶實體 ER 圖 圖 52 用戶 實體 ER圖 碼農畢業設計下載網： 17 文章實體 ER 圖 圖 53 文章 實體 ER圖 留言實體 ER 圖 圖 54 留言 實體 ER圖 碼農畢業設計下載網： 18 數據庫邏輯結構設計 在上面的實體圖中以及實體模塊之間的關系基礎上，形成 Oracle 數據庫中的表格與各個表格之間的聯系。文章管理系統 Oracle 數據庫中各個表格的設計表格如下面的幾個 table 表格所示。每一個表格都表示在 Oracle 數據庫中的一張表。 數據庫邏輯結構設計的基本任務就是將概念設計模型中設計階段設計好的ER圖轉換成與用的具體的機器上的數據庫管理系統產品所支持的數據模型與之相符合的結構，如下選擇了關系模型， ER圖轉向關系模型的轉換的結果如下表格所示： 表 51 t_user 字段名稱 說明 數據類型 長度 主 /外鍵 約束 備注 userId userId Number 20 主鍵 userName user 姓名 varchar2 30 非空唯一 userBirthday user 出生日期 timestamp 非空 userEmail userEmail varchar2 30 非空唯一 userPassword user 密碼 Varchar2 30 非空 userGender user 性別 Char 1 檢查 Y 代表男 N代表女 userPhone user 手機號 Varchar2 11 非空 userQq userQq Varchar2 13 userPicture user 頭像名 Vachar2 20 非空 表 52 t_essay表 字段名稱 說明 數據類型 長度 主 /外鍵 約束 備注 essayId 文章 Id Number 20 主鍵 essayIssue 是否發布 Char 1 非空 Y代表發布 N代表沒有發布 essayIssueTime 發表時間 Timestamp 非空 essayLastEditTime 最后編輯時間 Timestamp 非空 essayContentName 存儲時的文件名 Varchar2 30 非空 essayTitle essay 標題 Varchar2 200 非空 userId essay 所屬用戶Id Number 20 外鍵 非空 表 53 t_review表 碼農畢業設計下載網： 19 字段名稱 說明 數據類型 長度 主 /外鍵 約束 備注 reviewId 留言 Id Number 20 主鍵 reviewContent 留言內容 Varchar2 1000 非空 reviewTime 留言時間 Timestamp 非空 userId 所屬的用戶 Id Number 20 外鍵 essayId 所屬文章 Id Number 20 外鍵 非空 碼農畢業設計下載網： 20 第六章 文 章管理系統詳細設計 登錄界面設計與實現 用戶登錄界面主要實現用戶登錄，用戶輸入自己的郵箱已經登錄密碼，和正確驗證碼。登錄管理系統主頁面如圖 所示： 圖 61 文章管理系統登錄 界面 主要代碼如下： %@ page language=java import=.* pageEncoding=utf8% %@ taglib prefix=c uri= % % String path = ()。 String basePath = ()+://+()+:+erPort()+path+/。 % script language=javascript function loadimage(){ (checknum).src = checknum/?+()。 } /script 這段 jsp 代碼引用了 JSTL 標簽庫，方便后面代碼使用 el 表達式來做一些操作。 ! 碼農畢業設計下載網： 21 script type=text/javascript $(function(){ //如果是必填的，則加紅星標識 . $(form :).each(function(){ var $required = $(strong class=39。high39。/strong)。 //創建元素 $(this).parent().append($required)。 //然后將它追加到文檔中 })。 //文本框失去焦點后 $(39。form :input39。).blur(function(){ var $parent = $(this).parent()。 //PARENTs closest $(.formtips).remove()。 //驗證郵件 if( $(this).is(39。39。) ){ if( == || ( != amp。amp。 !/.+@.+\.[azAZ]{2,4}$/.test() ) ){ var errorMsg = 39。請輸入正確的 EMail 地址 .39。 $(39。span class=formtips onError39。+errorMsg+39。/span39。)。 }else{ var okMsg = 39。輸入正確 .39。 $(39。span class=formtips onSuccess39。+okMsg+39。/span39。)。 } } //驗證密碼 if($(this).is(39。password39。)){ if(== || !/^\w{6,16}$/.test()){ var errorMsg = 39。請輸入 616 位密碼 .39。 $(39。span class=formtips onError39。+errorMsg+39。/span39。)。 }else{ var okMsg = 39。輸入正確 .39。 $(39。span class=formtips onSuccess39。+okMsg+39。/span39。)。 } } }).keyup(function(){ $(this).triggerHandler(blur)。 }).focus(function(){ $(this).triggerHandler(blur)。 })。//end blur