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

1、 面向?qū)ο笈c交互式程序設(shè)計(jì)相關(guān)資料題 目 甜品店職員及業(yè)務(wù)管理系統(tǒng) 學(xué)生姓名 專(zhuān)業(yè)班級(jí) 指導(dǎo)教師 1.軟件需求說(shuō)明 2.概要設(shè)計(jì)說(shuō)明 3.詳細(xì)設(shè)計(jì)說(shuō)明 4.實(shí)現(xiàn)與測(cè)試 5.總結(jié) 2017 年11月 25日目 錄第1章 軟件需求說(shuō)明31.1系統(tǒng)背景31.2功能需求31.3界面需求31.4安全需求4第2章 概要設(shè)計(jì)說(shuō)明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ì)說(shuō)明73.1開(kāi)發(fā)所用技術(shù)73.2程序描述73.3數(shù)據(jù)庫(kù)設(shè)計(jì)8第4章 實(shí)現(xiàn)與測(cè)試94.1 系統(tǒng)界面94.2連接數(shù)據(jù)庫(kù)代碼144.3 登錄注冊(cè)界面實(shí)現(xiàn)代碼15

2、4.4 數(shù)據(jù)庫(kù)數(shù)據(jù)刪改部分代碼164.5 HTML+CSS界面部分代碼184.6測(cè)試要點(diǎn)20注意：成績(jī)考核表在最后一頁(yè)21第1章 軟件需求說(shuō)明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é)同工作的手段，提高辦公的效率，讓人們從繁瑣的有紙辦公中解脫出來(lái)。在全民創(chuàng)業(yè)的背景下，不少小公司，小商店紛紛涌現(xiàn)，并且在這個(gè)信息技術(shù)大發(fā)展的時(shí)代，大小用人單位都需要一套管理系統(tǒng)來(lái)提高管理效率，節(jié)約管理成本，本系統(tǒng)就是針對(duì)小甜品店的一個(gè)微型管理系統(tǒng)。1

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

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

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

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

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

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

9、gin in”進(jìn)入登錄/注冊(cè)界面=登錄管理員登錄=注冊(cè)界面=登陸成功后界面在此界面可以瀏覽“今日推薦”，查看熱門(mén)甜品或新品=點(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)擊“取消”，取消重置=返回登陸后首頁(yè)點(diǎn)擊“員工信息管理”=在此界面仍可修改店內(nèi)員工信息點(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ù)庫(kù)代碼package com.leadingsoft.demo.util;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;import com.mysql.jdbc.Driver;public class DbUtil private static final String URL = "jdbc:mys

11、ql:/localhost:3306/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

12、, PASSWORD); catch (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 com.leadingsoft.demo;import java.i

13、o.IOException;import 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 com.leadingsoft.demo.service.L

14、oginService;/* * Servlet 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(HttpServlet

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

16、sword);if (result < 3) request.setAttribute("error", "用戶(hù)名或密碼錯(cuò)誤！");RequestDispatcher rd = request.getRequestDispatcher("login.jsp");rd.forward(request, response); else request.getSession().setAttribute("flag", "1");RequestDispatcher rd = request.ge

17、tRequestDispatcher("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 / T

18、ODO Auto-generated method stubdoGet(request, response);=4.4 數(shù)據(jù)庫(kù)數(shù)據(jù)刪改部分代碼package com.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 com.leadingsoft.demo.dto

19、.User;import com.leadingsoft.demo.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.setStri

20、ng(1, name);ResultSet rs = pstmt.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.pri

21、ntStackTrace(); finally util.closeConnection();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");Res

22、ultSet rs = pstmt.executeQuery();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 b

23、locke.printStackTrace(); finally 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.se

24、tString(1, userName);result = pstmt.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">

25、 <div class="cont_login"> <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_log

26、in" onClick="cambiar_login()">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="bt

27、n_sign_up" onClick="cambiar_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&g

28、t; <div class="cont_forms" > <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=&q

29、uot;material-icons">&#xE5C4;</i></a> <h2>LOGIN</h2> <form action="Login"> <input name="userName" class="form-control" type="text" id="userName" placeholder="User Name" value="$param.userName

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

31、_login" type="submit">LOGIN</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" place