综合课设报告-吃在青岛网站的设计与实现

0 青岛理工大学 综合课程设计报告综合课程设计报告 院（系）：院（系）： 专业：专业： 班级：班级： 姓姓名名 : : 学号学号: : 题目题目： 指导教师指导教师: : 0 第一章第一章 前言前言 .1 1.1 课题背景.1 1.2 项目分工.2 1.3 开发工具.2 1.3.1 java简介.2 1.3.2 Myeclipse 简介.3 1.3.3 MySQL数据库.3 1.3.4 Jquery技术.3 1.3.5 MVC模型.4 1.3.6 B/S模型.4 第第 2 章章 需求分析需求分析 .5 2.1 任务概述.5 2.1.1 系统目标.5 2.1.2 用户特点.5 2.2系统的功能需求.6 第第 3 章章 系统总体设计系统总体设计 .9 3.1 系统功能设计.9 3.1.1 系统总体模块.9 第第 4 章章 数据库设计数据库设计 .13 4.1 数据库概念设计.13 4.2 数据库逻辑设计数据库逻辑设计 .17 表 4.1 数据库表的简要说明.17 表汇总.17 表名 简要说明.17 4.2.2表逻辑结构设计.17 第第 5 章章 详细设计详细设计 .19 5.1 程序结构的设计.19 5.2 前台设计前台设计 .26 5.2.1 登录界面.26 5.2.2 网站首页.27 5.2.3 店铺首页.28 5.2.4 用户后台页面.29 5.2.5 管理员后台页面.29 5.2.6 修个人信息.30 5.2.7 修改密码.30 5.2.8 添加菜品.31 5.2.9 添加公告.32 5.2.10 添加店铺.32 第第 6 章章 总结总结 .33 0 第一章第一章 前言前言 1.1 课题背景课题背景 在当今的社会，可以说是信息技术的发展时代，在社会的方方面面无不涉 及到各种信息的处理。信息是人们对客观世界的具体描述，是人们进行交流与 联系的重要途径。人类社会就处在一个对信息进行有效合理的加工中。它将促 进整个社会的发展。随着社会信息技术的提高，计算机已被广泛应用于当今社 会的各个领域，成为推动社会发展的首要技术动力。在当今信息时代，人们的 生活方式随着 Internet 的不断发展发生了不同寻常的改变。基于 Internet 的远程 教育作为本世纪的新型教学方式倍加受到人们重视，如何改革传统的教学模式， 增强教学手段，提高教学效果是摆在我们面前的一个新问题。 中国是举世闻名的美食大国，拥有五千年的饮食文化帮巨大的餐饮市声， 满足个的温饱问题已不是当今的热点，人们的生活方式逐渐在转变着，包含已 经成为了一种时尚，一种享受。民以食为天，随着人民生活水平和生活方式的 转变，渐渐的人们发现餐饮业具有巨大的投资市场。随着餐饮业投资者的不断 涌入，许多新一代的快餐店，披萨店，餐饮在国内开始风靡，随处可见 随着社会的脚步加速，人们对时间越来越看重，而网络的普及率越来越高， 相比繁琐的寻找合适的就餐地点而言，网商定餐越来越受人们的欢迎，尤其是 高品位生活的白领及高层收入人士。餐饮业的未来肯定要涉及电子商务。餐饮 行业进入网络营销必须注重行业的品牌建设和特色经营，提升餐饮业的文化品 位和网络餐饮的文化特色。要搞电子商务，必须提高餐饮业的文化品位，摒弃 传统餐饮业低层次的服务方式，走特色美食文化之路。有了自己的网站或有了 自己的虚拟店面，不能只是简单地介绍饭店的地址、订座电话或几张炒菜图片， 一定要突出餐饮的深层次服务，如企业精神、特色菜肴、休闲、文化娱乐、在 同行业中的特色优势、投诉处理、意见反馈甚至互动交流。总之，餐饮业要触 网，最重要的是要提升它的特色文化品位，重点定位在培养各阶层顾客对品牌 的忠诚度上，处处体现出企业对客户的“爱心、欢乐、洁净、美味”的体贴； 1 同时，也要兼顾网络文化的特点，让消费者能在网路上产生闻其香、诱其色、 顺其意、进其餐、醉其眠的感觉 1.2 项目分工项目分工 我组为两人： 组员： 主要负责程序设计及后台代码的编写，具体有用户管理、店铺管理、 菜单管理、管理员管理，数据库设计与实现。 组员： 主要负责部分后台代码编写及前台 jsp 页面的实现，包括图片管理、 公告管理、前台页面的设计及实现 1.3 开发工具开发工具 本网站利用 java 采用 MVC 三层架构模型编写核心后台代码，B/S 结构； 前台利用 jsp、jquery、javascript、html、css 等主流网站设计技术编写。数据库 使用 MySQL，采用 jdbc 数据库连接技术。 1.3.1 java 简介简介 ava 是由 Sun Microsystems 公司于 1995 年 5 月推出的 Java 面向对象程序设 计语言（以下简称 Java 语言）和 Java 平台的总称。由 James Gosling 和同事们 共同研发，并在 1995 年正式推出。用 Java 实现的 HotJava 浏览器（支持 Java applet）显示了 Java 的魅力：跨平台、动态的 Web、Internet 计算。从此， Java1被广泛接受并推动了 Web 的迅速发展，常用的浏览器现在均支持 Java applet。另一方面，Java 技术也不断更新。(2010 年 Oracle 公司收购了 SUN) 由四方面组成：Java 编程语言、Java 类文件格式、Java 虚拟机和 Java 应用程序 接口(Java API)。 2 1.3.2 Myeclipse 简介简介 MyEclipse 企业级工作平台（MyEclipse Enterprise Workbench ，简称 MyEclipse）是对 EclipseIDE 的扩展，利用它我们可以在数据库和 JavaEE 的开 发、发布以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富 的 JavaEE 集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支 持 HTML,Struts,JSP,CSS,Javascript,Spring,SQL,Hibernate。 MyEclipse 是一 个十分优秀的用于开发 Java, J2EE 的 Eclipse 插件集合，MyEclipse 的功能非常 强大，支持也十分广泛，尤其是对各种开源产品的支持十分不错。MyEclipse 目 前支持 Java Servlet,AJAX, JSP, JSF, Struts,Spring, Hibernate,EJB3,JDBC 数据库链 接工具等多项功能。可以说 MyEclipse 几乎囊括了目前所有主流开源产品的专 属 eclipse 开发工具。 1.3.3 MySQL 数据库数据库 MySQL 是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目 前属于 Oracle 公司。MySQL 是一种关联数据库管理系统，关联数据库将数据 保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度 并提高了灵活性。MySQL 所使用的 SQL 语言是用于访问数据库的最常用标准 化语言。MySQL 软件采用了双授权政策（本词条“授权政策”） ，它分为社区版 和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特 点，一般中小型网站的开发都选择 MySQL 作为网站数据库。由于其社区版的 性能卓越，搭配 PHP 和 Apache 可组成良好的开发环境。 1.3.4 Jquery 技术技术 jQuery 是一个兼容多浏览器的 javascript 框架，核心理念是 write less,do more(写得更少,做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布，吸引了来自世界各地的众多 JavaScript 高手加入，由 Dave Methvin 率领团队进行开发。如今，jQuery 已经成为最流行的 javascript 框架， 在世界前 10000 个访问最多的网站中，有超过 55%在使用 jQuery。 3 jQuery 是免费、开源的，使用 MIT 许可协议。jQuery 的语法设计可以使开发者 更加便捷，例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、 使用 Ajax 以及其他功能。除此以外，jQuery 提供 API 让开发者编写插件。其模 块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。 1.3.5 MVC 模型模型 MVC 开始是存在于桌面程序中的，M 是指业务模型，V 是指用户界面，C 则是控制器，使用 MVC 的目的是将 M 和 V 的实现代码分离，从而使同一个程 序可以使用不同的表现形式。比如一批统计数据可以分别用柱状图、饼图来表 示。C 存在的目的则是确保 M 和 V 的同步，一旦 M 改变，V 应该同步更新。 1-2 模型视图控制器（MVC）是 Xerox PARC 在二十世纪八十年代为编程语言 Smalltalk80 发明的一种软件设计模式，已被广泛使用。后来被推荐为 Oracle 旗下 Sun 公司 Java EE 平台的设计模式，并且受到越来越多的使用 ColdFusion 和 PHP 的开发者的欢迎。模型视图控制器模式是一个有用的工具箱，它有 很多好处，但也有一些缺点。 1.3.6 B/S 模型模型 B/S 结构（Browser/Server，浏览器/服务器模式） ，是 WEB 兴起后的一种网 络结构模式，WEB 浏览器是客户端最主要的应用软件。这种模式统一了客户端， 将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使用。 客户机上只要安装一个浏览器（Browser） ，如 Netscape Navigator 或 Internet Explorer，服务器安装 Oracle、Sybase、Informix 或 SQL Server 等数据库。浏览 器通过 Web Server 同数据库进行数据交互。 4 第第 2 章章 需求分析需求分析 2.1 任务概述任务概述 创建一个网站介绍青岛的各个饭店、餐馆的情况，让顾客能够快速了解各 个饭店的特色，目前饭店的房间、停车位占用情况，顾客可进行房间预定。 要求： 1 每个饭店的管理员可在此网站上注册自己的饭店，并实时进行相 关数据的更新（主要是房间预定情况和停车位剩余情况） 。 2 在网站上能够实时显示出各个饭店的房间剩余数量和停车位剩余数量， 已方便顾客选择可去的饭店。 3 在网站上应有公告区、新闻区、为饭店做展示的展示区等公共区域。 2.1.1 系统目标系统目标 本系统需要满足以下几个系统设计目标。 （1）实用性原则）实用性原则：真正为用户的实际工作服务，方便餐馆顾客了解各大饭馆的 情况及特色，方便选择去处，饭店管理也可更好的宣传自己的特色及减少很多 开支。 （2）可靠性原则）可靠性原则：必须为顾客提供信息安全的服务，以保证餐馆的各类私密信 息的不被泄露。 （3）友好性原则：）友好性原则：本网站面向的用户是普通打众，所以网站操作上要求简单、 方便、快捷，便于用户使用。 （4）可扩展性原则）可扩展性原则：采用开发的标准和接口，便于网站向更大的规模和功能扩 展。 2.1.2 用户特点用户特点 用户在网站上注册之后，可以注册自己的餐馆，但是每个账户最多只能注册 三个店铺，用户可以在自己的网站后台对自己的相关信息进行查看及修改，可 5 以管理自己的店铺，实时更新自己的店铺信息，如剩余房间和车位、店铺图片 等；便于顾客可以随时能够了解到自己的店铺，提高餐馆的效率。 2.2 系统的功能需求系统的功能需求 2.2.1 系统角色功能需求系统角色功能需求 本网站有两种角色：普通用户，管理员。详细划分如下： （1）管理员）管理员：管理用户信息，管理店铺信息，推荐店铺或菜式，发布公告 （2）普通用户：）普通用户：管理个人信息，管理店铺，管理菜单， .2.2.2 功能模块功能模块 网站主要功能模块，各个子模块功能需求如下: 操作员管理模块：管理员登录，查看管理员信息及修改管理员密码，用户 修改及删除，店铺修改及删除，菜单修改及删除，推荐或取消推荐店铺或菜单， 发布公告，修改及删除公告。 用户管理模块：用户登录，查看及修改个人信息，注册店铺，管理店铺 （增加、删除、修改、查看） ，管理菜单（增加菜式、修改菜式、删除菜式、查 看菜式） 前台：显示各大商家的店铺信息供顾客浏览，顾客通过商家的联系电话进 行咨询预定。 2.3 系统的性能需求系统的性能需求 为了保证系统能够长期、安全、稳定、可靠、高效的运行，系统应该满足以 下的性能需求： （1） 系统处理的准确性和及时性系统处理的准确性和及时性 网站系统处理的准确性和及时性是系统的必要性能。在系统设计和开发过 程中，要充分考虑系统当前和将来可能承受的工作量，使系统的处理能力和响 6 应时间能够满足用户对信息的处理。由于系统的查询功能对于整个系统的功能 和性能完成很重要。因此，在系统开发过程中，系统采用优化的 SQL 语句及安 全扩展存储过程来保证系统的准确性和及时性。 （2） 系统的易用性和易维护性系统的易用性和易维护性 网站是直接面对使用人员的，而有些使用人员往往对计算机并不是非常熟 悉。这就要求系统能够提供良好的用户接口，易用的人机交互界面。要实现这一 点，就要求系统应该尽量使用用户熟悉的术语和中文信息的界面。 （3） 系统的响应速度系统的响应速度 网站设计中摒弃大量数据冗余，提出了优化数据库的解决方案，大量使 用存储过程，大大提高系统响应时间和速度。系统在日常处理中的响应速度为 秒级，达到实时要求，以及时反馈信息。严格保证操作人员不会因为速度问题 而影响工作效率。 2.4 系统的数据需求系统的数据需求 通过对网站系统功能需求的分析，可以初步确定网站的基本数据需求。由 各个功能模块可以进一步确定具体的数据需求，具体数据需求如下： （1） 用户信息管理模块数据需求用户信息管理模块数据需求 该模块主要是用户个人信息，需要表示用户信息的数据，应包含用户编号、 用户名、用户密码、用户的店铺编号、店铺数量、备注、电话、邮箱、注册、 注册日期 （2） 店铺管理模块数据需求店铺管理模块数据需求 7 该模块主要管理用户店铺信息，需要表示店铺信息的数据，应包含店铺编 号、店铺名称、房间总数、被占用的房间数、停车位总数、被占用车位数、店 铺电话、店铺图片、营业时间、注册时间、店铺地址、店铺详细信息、备注、 推荐状态 （3） 菜单管理模块数据需求菜单管理模块数据需求 该模块主要管理菜单信息，需要表示菜单信息的数据，应包含菜品编号、 菜品名称、菜品简介、菜品图片、所属店铺编号、推荐状态 （4）公告管理模块数据需求）公告管理模块数据需求 该模块管理公告信息，需要表示公告的信息数据，应包括公告编号、公告 标题、公告内容、发布日期 8 第第 3 章章 系统总体设计系统总体设计 3.1 系统功能设计系统功能设计 3.1.1 系统总体模块系统总体模块 本网站分为网站前台、管理员后台、商家后台。管理员块又分为用户管理、 店铺信息管理、菜品管理、公告管理，普通用户块又分为个人信息修改、密码 修改、店铺管理、菜单管理。前台由商家注册、商家登录、设为首页、收藏首 页、帮助、日期、区域选择、搜索、店铺信息列表、公告、推荐店铺、推荐菜 品等信息组成，点击店铺图片或名称进入对应店铺首页，前台前台各大功能如图 3.1： 9 网站前台 商 家 注 册 商 家 登 录 设 为 首 页 加 入 收 藏 日 期 显 示 区 域 选 择 店 铺 列 表 公 告 列 表 推 荐 店 铺 推 荐 菜 品 合 作 媒 体 关 于 我 们 版 权 信 息 注 册 页 面 前 台 首 页 登 录 商 家 后 台 该 区 域 店 铺 信 息 店 铺 首 页 公 告 内 容 店 铺 首 页 菜 品 详 情 相 关 连 接 店 铺 其 他 信 息 浏 览 图 3.1 前台功能图 10 用户后台用户后台，包括用户个人信息管理、店铺管理、菜品管理等功能，如图 3.2： 用户后台 管 理 个 人 信 息 管 理 菜 品 信 息 管 理 店 铺 信 息 修 改 个 人 信 息 修 改 密 码 添 加 菜 品 修 改 菜 品 信 息 删 除 菜 品 注 册 店 铺 修 改 店 铺 信 息 删 除 店 铺 图 3.2 用户后台功能 11 管理员后台管理员后台，包括用户个人信息管理、店铺管理、菜品管理、公告管理等功能 如图 3.3： 管理员后台 管 理 个 人 信 息 管 理 菜 品 信 息 管 理 商 家 信 息 查 看 个 人 信 息 修 改 密 码 修 改 菜 品 信 息 删 除 菜 品 修 改 店 铺 信 息 删 除 商 家 管 理 公 告 推 荐 菜 品 取 消 推 荐 菜 品 公 告 列 表 添 加 公 告 删 除 公 告 修 改 公 告 推 荐 店 铺 取 消 推 荐 店 铺 菜 品 列 表 推 荐 菜 品 列 表 商 家 信 息 列 表 修 改 用 户 信 息 图 3.3 管理员后台 12 第第 4 章章 数据库设计数据库设计 4.1 数据库概念设计数据库概念设计 网站根据数据需求分析规划出的实体有：用户信息、店铺信息、菜品信息、 公告信息、管理员信息，给出了各实体的实体属性图。 (1)用户信息表对应的实体属性用户信息表对应的实体属性 用户信息表的作用是存储用户编号、用户名、密码、店铺编号 1,店铺编号 2, 店铺编号 3、店铺数量、电话、邮箱、注册日期、备注的实体属性如图 4.1 所示。 用户 用户电话 用户编号 店铺编号 3 店铺数量 店铺编号 1 用户名 店铺编号 2 用户邮箱 注册日期 用户备注 图 4.1 用户实体 13 （2）公告信息表对应实体属性）公告信息表对应实体属性 公告编号 发布日期 公告 标题内容 图 4.2 公告信息实体 （4） 店铺信息表对应的实体属性店铺信息表对应的实体属性 店铺信息表的作用是存储店铺编号、店铺名、房间总数、车位位、被占车 位数、被占房间数、电话、图片、营业时间、注册日期、地址、店铺详情、推 荐状态，店铺信息表的实体属性如图 4.3 所示 14 店铺 店铺编号 店铺名 房间总数 车位总数 被占房间数 被占车位数 电话 图片 营业时间 注册日期 店铺地址 店铺详情 推荐状态 图 4.3 店铺信息实体 (4)菜品信息表对应的实体属性菜品信息表对应的实体属性 菜品信息表的作用是存储菜品编号、菜品名、店铺编号、菜品图片、菜品 详情、推荐状态，属性如图 4.4 所示。 15 菜品 菜品编号 菜品名 菜品图片 菜品编详情 推荐状态 图 4.4 菜品信息实体 (5)管理员信息表对应的实体属性管理员信息表对应的实体属性 管理员信息表的作用是管理员账号、密码。 实体属性图 4.5 如下 管理员 账号 密 码 图 4.5 管理员实体 16 4.2 数据库逻辑设计数据库逻辑设计 表表 4.1 数据库表的简要说明数据库表的简要说明 表汇总表汇总 表名表名 简要说明简要说明 admin 管理员信息表，存放管理员信息 menuinfo 菜品信息表，存放菜品的信息 shopinfo 店铺信息表，存放店铺的信息 publicmess 公告信息表，存放公告信息 userinfo 用户信息表，存放用户的信息 4.2.2 表逻辑结构设计表逻辑结构设计 表一 管理员信息表 admin 名称字段名称数据类型主键非空 管理员账号 Admin 文本 YesYes 密 码 Password 文本 NoYes 表二 菜品信息表 menuinfo 名称字段名称数据类型主键非空 菜品编号 did 数字 Yes yes 店铺编号 sid 文本外键 Yes 菜品名 dishName 文本 NoYes 菜品图片 dishPic 文本 Nono 推荐状态 recommend 文本 NoNo 菜品详情 innumber 数字 NoYes 17 表三 店铺信息表 shopinfo 名称字段名称数据类型主键非空 店铺编号 Sid 文本 Yesyes 店铺名 shopName 文本 NoYes 房间总数 totalRoom 数字 NoNo 车位总数 totalPark 数字 Nono 被占房间数 occupyRoom 数字 nono 被占车位数 occupyPark 数字 NoNo 电话 shopTel 文本 NoYes 图片 shopPiC 文本 NoNo 注册日期 registerTime 时间类型 NoYes 营业时间 businessTime 文本 NoYes 地址 Address 文本 NoYes 店铺详情 shopDetails 文本 NoYes 推荐状态 Recommend 文本 NoNo 表四 用户信息表 userinfo 名称字段名称数据类型主键非空 用户编号 Sid 文本 Yes yes 用户名 username 文本 No yes 密码 Password 文本 NoYes 店铺编号 1 Sid_1 文本外键 Yes 店铺编号 2 Sid_2 文本外键 Yes 店铺编号 3 Sid_3 文本外键 Yes 店铺数量 shopCount 数字 NoYes 电话 Tel 文本 NoYes 邮箱 Email 文本 NoYes 注册日期 Date 时间类型 NoYes 备注 Content 文本 NoYes 18 第第 5 章章 详细设计详细设计 5.1 程序结构的设计程序结构的设计 （1）登录模块登录模块，首先接受用户输入的用户名和密码，然后在数据库中查询 是否有此用户以及密码是否正确，若正确则进入系统。该模块流程图如下图所 示。 开始 从数据库 中查询该 用户输入 是否正确 进入后台 结束 否 是 输入账号和密码 图 5.1 登录模块流程图 19 （2）店铺信息管理店铺信息管理（操作包括增删改查）用户登录到后台，选择操作（店铺添 加、删除、查询、修改等操作，管理员还有推荐，取消推荐） ，如果选择添加， 系统首先判断该该用户是否已经添加了三个店铺，若不是执行该操作，否则返 回提示不能再添加店铺。流程图 5.2 所示。 开始 是否为 添加？ 执行操作 处理图片 选择操作 是否操 作成功？ 返回后台主页 结束 是否已注 册三个店 铺？ 限制操作 是 否 否 是 否 是 图 5.2 店铺信息管理流程图 20 （3）用户注册，）用户注册，用户输入基本信息，先判断用户输入是否规范，在判断用户名 是否已经存在，然后写入数据库，注册成功，如图 5.3。 开始 输入用户信息 用户信息是 否规范？ 注册到数据中 数据库中 该用户名 是否已存 在？ 结束 否 否 是 是 5.3 用户注册流程图 21 （4）用户管理菜品，用户管理菜品，对菜品进行添加、修改、删除等操作，管理还包括推荐、 取消推荐，如图 5.4： 开始 执行操作 处理图片 选择操作 操作 成功？ 返回后台主页 结束 否 是 图 5.4 用户管理菜品流程图 22 （5） 用户个人信息管理用户个人信息管理，修改个人信息，如图 5.5： 开始 执行操作 修改个人信息 操作 成功？ 返回后台主页 结束 否 是 图 5.5 个人信息管理流程图 23 （6）修改密码修改密码，首先输入原密码，在两次输入密码，如图 5.6： 开始 输入原密码 原密码 正确 ？ 输入新密码 再次输入新密码 两次密 码一致 ？ 修改密码成功 结束 是 否 是 否 图 5.6 密码修改流程图 24 （7）公告管理公告管理，包括添加公告、修改、删除的操作，如图 5.7： 开始 选择操作 执行操作 操作 是否 合法？ 返回公告列表 操作 成功？ 结束 是 否 否 是 图 5.7 公告管理流程图 25 5.2 前台设计前台设计 5.2.1 登录界面登录界面 登录：用户输入的用户名及密码，获取数据库中此用户名的详细信息，如 果密码或用户名错误，用户不存在，则提示用户名或密码错误，否则，进入后 用户后台。 用户登录界面如图 5.8 所示 图 5.8 用户后台登录页面 26 图 5.9 管理员后台登录页面 5.2.2 网站网站首页首页 27 5.2.3 店铺首页店铺首页 28 5.2.4 用户后台页面用户后台页面 5.2.5 管理员后台页面管理员后台页面 29 5.2.6 修个人信息修个人信息 5.2.7 修改密码修改密码 30 5.2.8 添加菜品添加菜品 31 5.2.9 添加公告添加公告 5.2.10 添加店铺添加店铺 32 第第 6 章章 总结总结 本次课