面向?qū)ο笈c交互式程序設(shè)計(jì)

1、.面向?qū)ο笈c交互式程序設(shè)計(jì)相關(guān)資料題 目 甜品店職員及業(yè)務(wù)管理系統(tǒng) 學(xué)生專業(yè)班級(jí)指導(dǎo)教師1.軟件需求說明 2.概要設(shè)計(jì)說明 3.詳細(xì)設(shè)計(jì)說明 4.實(shí)現(xiàn)與測(cè)試 5.總結(jié) 2017 年11月 25日目 錄第1章 軟件需求說明31.1系統(tǒng)背景31.2功能需求31.3界面需求31.4安全需求4第2章 概要設(shè)計(jì)說明52.1運(yùn)行環(huán)境52.2需求概要52.4限制描述52.5總體設(shè)計(jì)52.6系統(tǒng)數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)52.7系統(tǒng)出錯(cuò)處理設(shè)計(jì)6第3章 詳細(xì)設(shè)計(jì)說明73.1開發(fā)所用技術(shù)73.2程序描述73.3數(shù)據(jù)庫設(shè)計(jì)8第4章 實(shí)現(xiàn)與測(cè)試94.1 系統(tǒng)界面94.2連接數(shù)據(jù)庫代碼144.3 登錄注冊(cè)界面實(shí)現(xiàn)代碼154.4 數(shù)

2、據(jù)庫數(shù)據(jù)刪改部分代碼164.5 HTML+CSS界面部分代碼184.6測(cè)試要點(diǎn)20注意：成績(jī)考核表在最后一頁21. v.第1章 軟件需求說明1.1系統(tǒng)背景隨著計(jì)算機(jī)技術(shù)、網(wǎng)絡(luò)技術(shù)和信息技術(shù)的發(fā)展，現(xiàn)在辦公系統(tǒng)更趨于系統(tǒng)化、科學(xué)化和網(wǎng)絡(luò)化。網(wǎng)絡(luò)辦公自動(dòng)化系統(tǒng)是計(jì)算機(jī)技術(shù)和網(wǎng)絡(luò)迅速發(fā)展的一個(gè)辦公應(yīng)用解決方案，它的主要目的是實(shí)現(xiàn)信息交流和信息共性，提供協(xié)同工作的手段，提高辦公的效率，讓人們從繁瑣的有紙辦公中解脫出來。在全民創(chuàng)業(yè)的背景下，不少小公司，小商店紛紛涌現(xiàn)，并且在這個(gè)信息技術(shù)大發(fā)展的時(shí)代，大小用人單位都需要一套管理系統(tǒng)來提高管理效率，節(jié)約管理成本，本系統(tǒng)就是針對(duì)小甜品店的一個(gè)微型管理系統(tǒng)。1.

3、2功能需求可以進(jìn)行注冊(cè)，分為兩種角色，管理員和普通員工。管理員可登陸管理員信息頁面，對(duì)管理員信息進(jìn)行修改或者刪除。同樣管理員也可以登陸普通員工信息界面，對(duì)普通員工信息進(jìn)行修改或者刪除或者重置。普通員工只能瀏覽所有員工信息，不可對(duì)其進(jìn)行修改。普通員工和管理員都可以登陸餐桌信息對(duì)其進(jìn)行管理。管理員可登陸菜品信息和訂單信息對(duì)其進(jìn)行管理。1.3界面需求1.注冊(cè)界面以及登陸界面2.主頁展示菜品3.管理后臺(tái)主界面4.管理員信息界面5.普通員工信息界面6.菜品管理界面7.訂單信息管理界面8.餐桌管理界面1.4安全需求1. 必須注冊(cè)才能登陸2. 必須登陸才能進(jìn)去其他頁面3. 普通員工不能訪問管理員權(quán)限的頁面.

4、 v.第2章 概要設(shè)計(jì)說明2.1運(yùn)行環(huán)境1.操作系統(tǒng)在windowsXP以上2.客戶端要配備tomcat和SQL等應(yīng)用開發(fā)軟件2.2需求概要用戶對(duì)軟件系統(tǒng)要求使用簡(jiǎn)單方便，必要的功能一定不能少，且界面設(shè)計(jì)要大方得體，有良好的視覺效果，待現(xiàn)在系統(tǒng)沒實(shí)現(xiàn)功能要記錄清楚，系統(tǒng)最后階段要盡量彌補(bǔ)用戶所需的功能。2.4限制描述設(shè)計(jì)應(yīng)當(dāng)是模塊化的，即該軟件應(yīng)當(dāng)從邏輯上被劃分成多個(gè)部件，分別實(shí)現(xiàn)各種特定功能和子功能。設(shè)計(jì)最終應(yīng)當(dāng)給出具體的模塊（例如子程序或過程），這些模塊就具有獨(dú)立的功能特性。2.5總體設(shè)計(jì)登錄模塊：用戶輸入和密碼進(jìn)行驗(yàn)證登錄。注冊(cè)模塊：注冊(cè)用戶信息。管理員信息模塊：對(duì)管理員信息進(jìn)行管理。普

5、通員工信息模塊：對(duì)普通員工信息進(jìn)行管理。菜品模塊：對(duì)菜品進(jìn)行管理。訂單模塊：對(duì)訂單進(jìn)行管理。餐桌信息模塊：對(duì)餐桌信息進(jìn)行管理。2.6系統(tǒng)數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)職員表 staffs字段字段名類型鍵IDidvarchar(10)主鍵nameVarchar(20)null性別sexvarchar(10)null工號(hào)numvarchar(10)唯一telvarchar(20)null用戶表 users字段字段名類型鍵賬號(hào)usernamevarchar(20)主鍵密碼passwordvarchar(20)null性別sexvarchar(10)null年齡agevarchar(10)null菜品表 dishes字

6、段字段名類型鍵編號(hào)numVarchar(10)主鍵菜品名nameVarchar(20)null價(jià)格pricedoublenull訂單表 oders字段字段名類型鍵編號(hào)ordernumvarchar(20)主鍵訂單項(xiàng)itemsvarchar(50)null總價(jià)countpricevarchar(10)null備注notesvarchar(50)null餐桌表 tables字段字段名類型鍵餐桌號(hào)numvarchar(10)主鍵就餐人數(shù)personnumvarchar(10)null訂單編號(hào)ordernumvarchar(20)外鍵關(guān)聯(lián)訂單2.7系統(tǒng)出錯(cuò)處理設(shè)計(jì)某個(gè)頁面出問題，跳轉(zhuǎn)到錯(cuò)誤頁面，并退回

7、到登陸界面。. v.第3章 詳細(xì)設(shè)計(jì)說明3.1開發(fā)所用技術(shù)前端：bootstrap框架 html jsp css后端：servlet服務(wù)器：tomcat數(shù)據(jù)庫：mysql3.2程序描述1. 登錄模塊功能：可供用戶登陸到管理系統(tǒng)。輸入項(xiàng)目：用戶名和用戶密碼。輸出項(xiàng)目：管理系統(tǒng)歡迎頁面。2. 注冊(cè)模塊功能：供用戶進(jìn)行注冊(cè)，提供注冊(cè)頁面。輸入項(xiàng)目：注冊(cè)相關(guān)信息，與數(shù)據(jù)庫中字段一一對(duì)應(yīng)。輸出項(xiàng)目：注冊(cè)成功界面。3. 管理員信息模塊功能：可以查詢/修改/刪除/重置有關(guān)已經(jīng)注冊(cè)的管理員的信息。輸入項(xiàng)目：管理員工號(hào)/年齡/性別。輸出項(xiàng)目：查詢結(jié)果界面。4. 普通員工信息模塊功能：可以查詢/修改/刪除/重置有

8、關(guān)已經(jīng)注冊(cè)的普通員工的信息。輸入項(xiàng)目：?jiǎn)T工工號(hào)/性別/年齡。輸出項(xiàng)目：查詢結(jié)果界面。5. 菜品模塊功能：可供管理員對(duì)菜品進(jìn)行上架/下架/價(jià)格/數(shù)量修改等管理操作。輸入項(xiàng)目：菜品的相關(guān)信息，與數(shù)據(jù)庫中菜品字段一一對(duì)應(yīng)。輸出項(xiàng)目：菜品查詢結(jié)果頁面。6. 訂單模塊功能：可供管理員對(duì)訂單進(jìn)行管理操作。輸入項(xiàng)目：訂單相關(guān)信息與數(shù)據(jù)庫中一一對(duì)應(yīng)。輸出項(xiàng)目：訂單查詢結(jié)果頁面。7. 餐桌信息模塊功能：可供管理員或普通員工對(duì)餐桌信息進(jìn)行查詢以及修改。輸入項(xiàng)目：餐桌相關(guān)信息，與數(shù)據(jù)庫中一一對(duì)應(yīng)。輸出項(xiàng)目：餐桌信息查詢結(jié)果。3.3數(shù)據(jù)庫設(shè)計(jì). v.第4章 實(shí)現(xiàn)與測(cè)試4.1 系統(tǒng)界面首頁=點(diǎn)擊“Login in”進(jìn)入

9、登錄/注冊(cè)界面=登錄管理員登錄=注冊(cè)界面=登陸成功后界面在此界面可以瀏覽“今日推薦”，查看熱門甜品或新品=點(diǎn)擊“管理員信息”=可以修改管理員信息點(diǎn)擊“EDIT”進(jìn)行編輯修改點(diǎn)擊“SAVE”，保存，即修改成功點(diǎn)擊“CANCEL”，取消，即取消修改，保持原狀=點(diǎn)擊“DELETE”，刪除信息彈出對(duì)話框：點(diǎn)擊“確定”，刪除信息點(diǎn)擊“取消”，不刪除=點(diǎn)擊“RESET”，重置管理員密碼彈出對(duì)話框：點(diǎn)擊“確定”，重置密碼點(diǎn)擊“取消”，取消重置=返回登陸后首頁點(diǎn)擊“員工信息管理”=在此界面仍可修改店員工信息點(diǎn)擊“EDIT”進(jìn)行編輯修改點(diǎn)擊“SAVE”，保存，即修改成功點(diǎn)擊“CANCEL”，取消，即取消修改，保

10、持原狀=點(diǎn)擊“DELETE”，刪除信息彈出對(duì)話框：點(diǎn)擊“確定”，刪除信息點(diǎn)擊“取消”，不刪除=返回登陸后界面，進(jìn)行其他操作。=4.2連接數(shù)據(jù)庫代碼package .leadingsoft.demo.util;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;import .mysql.jdbc.Driver;public class DbUtil private static final String URL = "jdbc:mysql:/localhost:33

11、06/cake"private static final String USER_NAME = "root"private static final String PASSWORD = "123456"private Connection conn;public Connection getConnection() try DriverManager.registerDriver(new Driver();this.conn = DriverManager.getConnection(URL, USER_NAME, PASSWORD); cat

12、ch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();return conn;public void closeConnection() if (conn != null) try conn.close(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();=4.3 登錄注冊(cè)界面實(shí)現(xiàn)代碼package .leadingsoft.demo;import java.io.IOException;impor

13、t javax.servlet.RequestDispatcher;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import .leadingsoft.demo.service.LoginService;/* * Servl

14、et implementation class Login */WebServlet("/Login")public class Login extends HttpServlet private static final long serialVersionUID = 1L;/* * see HttpServlet*doGet(HttpServletRequest request, HttpServletResponse * response) */Overrideprotected void doGet(HttpServletRequest request, HttpS

15、ervletResponse response)throws ServletException, IOException String userName = request.getParameter("userName");String password = request.getParameter("password");LoginService loginService = new LoginService();int result = loginService.validate(userName, password);if (result <

16、 3) request.setAttribute("error", "用戶名或密碼錯(cuò)誤！");RequestDispatcher rd = request.getRequestDispatcher("login.jsp");rd.forward(request, response); else request.getSession().setAttribute("flag", "1");RequestDispatcher rd = request.getRequestDispatcher(&qu

17、ot;WEB-INF/jsp/main.jsp");rd.forward(request, response);/* * see HttpServlet*doPost(HttpServletRequest request, HttpServletResponse * response) */Overrideprotected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException / TODO Auto-generated met

18、hod stubdoGet(request, response);=4.4 數(shù)據(jù)庫數(shù)據(jù)刪改部分代碼package .leadingsoft.demo.dao;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;import java.util.ArrayList;import java.util.List;import .leadingsoft.demo.dto.User;import .leadingsoft.de

19、mo.util.DbUtil;public class UserDao public User searchUser(String name) DbUtil util = new DbUtil();Connection con = util.getConnection();User user = null;try PreparedStatement pstmt = con.prepareStatement("SELECT * FROM users WHERE user_name=");pstmt.setString(1, name);ResultSet rs = pstmt

20、.executeQuery();if (rs.next() user = new User(rs.getString("user_name"), rs.getString("user_password"), rs.getString("sex"),rs.getInt("age");rs.close();pstmt.close(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace(); finally util.clo

21、seConnection();return user;public List<User> searchAll() List<User> users = new ArrayList<User>();DbUtil util = new DbUtil();Connection con = util.getConnection();try PreparedStatement pstmt = con.prepareStatement("SELECT * FROM users");ResultSet rs = pstmt.executeQuery()

22、;while (rs.next() User user = new User(rs.getString("user_name"), rs.getString("user_password"), rs.getString("sex"),rs.getInt("age");users.add(user);rs.close();pstmt.close(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace(); finally

23、 util.closeConnection();return users;public boolean deleteUser(String userName) DbUtil util = new DbUtil();Connection con = util.getConnection();int result = 0;try PreparedStatement pstmt = con.prepareStatement("DELETE FROM users WHERE user_name=");pstmt.setString(1, userName);result = pst

24、mt.executeUpdate(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace(); finally util.closeConnection();return result > 0;=4.5 HTML+CSS界面部分代碼<body><div class="cotn_principal"> <div class="cont_centrar"> <div class="cont_login&q

25、uot;> <div class="cont_info_log_sign_up"> <div class="col_md_login"> <div class="cont_ba_opcitiy"> <h2>LOGIN</h2> <p>Lorem ipsum dolor sit amet, consectetur.</p> <button class="btn_login" onClick="cambiar_lo

26、gin()">LOGIN</button> </div> </div> <div class="col_md_sign_up"> <div class="cont_ba_opcitiy"> <h2>SIGN UP</h2> <p>Lorem ipsum dolor sit amet, consectetur.</p> <button class="btn_sign_up" onClick="cam

27、biar_sign_up()">SIGN UP</button> </div> </div> </div> <div class="cont_back_info"> <div class="cont_img_back_grey"> <img src="login-reg/po.jpg" alt=" /> </div> </div> <div class="cont_forms"

28、 > <div class="cont_img_back_"> <img src="login-reg/po.jpg" alt=" /> </div> <div class="cont_form_login"> <a href="*" onClick="ocultar_login_sign_up()" ><i class="material-icons">&*xE5C4;</

29、i></a> <h2>LOGIN</h2> <form action="Login"> <input name="userName" class="form-control" type="text" id="userName" placeholder="User Name" value="$param.userName " style="width:220px;margin-left:5

30、0px" /><br/> <input name="password" class="form-control" type="password" id="password" placeholder="Password" style="width:220px;margin-left:50px"/> <button class="btn_login" type="submit">LOGIN

31、</button> </form> </div> <div class="cont_form_sign_up"> <a href="*" onClick="ocultar_login_sign_up()"><i class="material-icons">&*xE5C4;</i></a> <h2>SIGN UP</h2> <input type="text" placeholder="Email" /> <input type="text&