基于web的餐馆内部营业管理系统实验报告.docx

基于web的餐馆内部营业管理系统实验报告.docx

《基于web的餐馆内部营业管理系统实验报告.docx》由会员分享，可在线阅读，更多相关《基于web的餐馆内部营业管理系统实验报告.docx（29页珍藏版）》请在冰豆网上搜索。

基于web的餐馆内部营业管理系统实验报告

C#.net大型实验报告

一、实验题目：

基于web的餐馆内部营业管理系统

二、实验目的和要求

基于VisualStudio实现一个餐厅内部营业管理系统，参观管理系统包括了前台营业、预定服务、外卖服务、员工管理和系统管理等主要功能模块，其具体的功能为：

（1）系统管理--菜单管理：

包括新菜品的添加，已有菜品的删除，菜品价格和描述的更改等；

（2）系统管理--库存管理：

可以查看餐馆的剩余库存，方便对原料进行及时的补给。

库存管理包括入库和出库两个操作，可记录主食、菜品原料、酒水等所有餐馆运营所需的原料；

（3）系统管理--账号管理：

有系统管理员进行账户的创建、删除，并且在每个账户创建的同时会赋予不同的权限，按照实际的情况和不同的要求给予权限；

（4）员工管理--员工信息：

添加、编辑或者删除员工的基本信息，主要包括员工编号、姓名、性别、职位、基本薪金等；

（5）外卖服务--外卖订单：

外卖员接订外卖，记录菜品信息和送货地址，打印外卖信息；

（6）外卖服务--外卖管理：

查看外卖订单情况并执行外卖流程操作，在送货之前可以更改外卖信息，如份数、送货地址（一般不允许退菜），最后外卖员送出外卖，把收回的钱交给收银员。

收银员更改外卖订单号的状态为已收款；

（7）前台营业--菜单&点菜：

根据顾客要求在菜单中点菜，并确定顾客就餐的桌号。

可以对顾客的点菜信息再次进行编辑，更改点菜情况（新增菜品、减少菜品、增减某菜品份数等）。

三、实验步骤：

1.母版页设计

（1）去掉滚动条，添加css样式表文件；

（2）分割页面，左侧为导航菜单，右侧上方为快捷按钮，右侧下方为操作区域，大致布局如下图所示；

1）插入表格，划分出左右区域，添加样式；

2）分割左侧单元格，使其成为logo区和导航菜单区，添加样式；

3）分割右侧单元格，使其成为快捷按钮区和操作区，添加样式；

（3）为各个区域添加所需内容

1）在logo区域放图片，作为logo;

2）在导航菜单区添加treeview控件，作为导航菜单，效果如图；

3）为快捷按钮区添加控件:

打开工具箱,找到Lable控件，在HTML分类下找到Image控件，将其拖放到快捷按钮区域，效果如图

（4）母版页设计最终效果如图

2.创建第一张网页chy_index.aspx

（1）在“解决方案资源管理器”中右键单击网站——选择“添加新项”——“web窗体”，取名为：

chy_index.aspx，并在“选择母板页”前打勾——单击添加。

然后进入母板选择对话框;

（2）在弹出的对话框中选择前面设计的MyMasterPage.Master——单击确定;

（3）在“解决方案资源管理器”中找到新建的index.aspx文件，右键——在浏览器中查看，页面的效果应该跟前面的母板页效果图相同;

3.系统管理——菜单管理实现

（1）修改原先的母版页：

将ContentPlaceHolder控件移动到操作区域的一对div中;

（2）添加新的页面文件chy_menu_add.aspx

1）插入表——在menu_add.aspx的设计视图，将鼠标放在ContentPlaceHolder1的白色区域，暂时插入3行3列的表，单元格衬距和单元格间距为0，使用百分比：

100%；

2）在表格中设计需要的控件排列和布局

●讲第一行设置为功能标题行：

将其合并单元格，输入文字“菜单菜品添加”；

●设置页面的title为“系统管理-菜单管理-菜单添加”；

●在第二行第一列中输入“菜品名称”，第二列拖入标准控件textbox，设置ID为txt_menuname；

●在第三列拖入验证控件RequiredFieldValidator；

●单击第三行，右键插入行，在第一列输入“菜品定价”，第二列拖入标准控件textbox，设置ID为txt_price，在txt_price右侧拖入验证控件RequiredFieldValidator，同理，在同一个单元格内，添加折扣的输入文本框txt_discount和验证控件

●添加足够的行，在第一列中分别输入菜品口味、制作材料、菜品描述;

●在菜品口味的下一列拖入控件DropDownList，设置ID为drop_taste；

●单击编辑项，在弹出框中输入口味的数据项；

●为drop_taste设置样式cssclass=textInput2；

●同理在drop_taste后添加菜品类型；

●为制作材料添加多行文本框，拖入控件textbox，设置ID为txt_material，编辑样式，同理添加菜品描述；

●在第一行拖一个linkbutton控件放在字的左侧，id=link_backcssclass=son_linktext=“>>返回菜单管理<<”

●在最后一行的中间两个单元格中拖入两个imagebutton控件，id分别为imgbtn_ok和imgbtn_clear；

●双击两个新增按钮，创建按钮被单击事件，此时效果如图

3）数据库操作类的定义

●在web.config文件中编辑数据库连接串，并为项目添加数据库处理文件；

●添加数据库操作类：

添加新项—类—命名为“chy_db.cs”，然后打开文件；

●添加命名控件System.Data.SqlClient；

●编写数据库操作类的代码

✧定义数据成员conn即数据库连接对象；

✧编写数据库连接函数；

✧添加查询功能函数，返回dataset对象

✧添加查询功能函数，返回SqlDataReader对象；

✧添加插入功能函数；

✧添加修改功能函数；

✧添加删除功能函数；

✧关闭数据库；

4）Chy_menu_add.aspx中确定按钮和清空按钮处理代码的实现

●确定按钮处理代码

●清空按钮处理代码

（3）添加新的页面文件chy_menu_manager.aspx

1）修改title为“系统管理—菜单管理”；

2）插入3行1列的表格；

3）制作页面：

●在第一行单元格输入标题：

菜单管理，class=oper_title；

●选中第二行单元格，设置属性居中，高为30px；

●在第二行添加文本菜品类型和DropDownList控件，设置ID为drop_type，下拉列表内容和添加页面一样；

●选中DropDownList控件，单击右上角的箭头，单击编辑项，增加一个下拉列表项“全部”，并放在第一个；

●在DropDownList控件右侧输入文本菜品名称并拖入控件textbox，设置ID为txt_search；

●在txt_search控件右侧输入适量空格，然后拖入标准控件imgbutton；

●选中第三行，设置属性valign=top，align=center；

●在第三行拖入数据控件GridView，添加样式；

●选中GridView，单击右上角的箭头，单击选择数据源的下拉列表，选择新建数据源；

●在数据源配置界面，单击下拉箭头，选择conname；

●单击下一步，选择需要的数据库，单击右侧的orderby按钮，设置查询结果的排序字段，测试查询；

●选中gridview，单击右上角的箭头，设置启用分页，排序，并修改每页记录条数；

●单击gridview任务的编辑栏，修改列标题；

●在对话框的左上角找到选择，然后单击添加，并设置属性headtext=“查看”；

●同理，添加删除列；

●运行测试界面如图

4）根据类型分类显示：

当类型下拉列表的选中项发生改变时，数据也随之发生改变

●选中drop_type控件，设置属性AutoPostBack=true，单击drop_type控件控件右上角的箭头，单击“编辑项”，修改第一项的value为%；

●选中gridview1，单击右上角的箭头，单击配置数据源，添加where字句；

5）按菜品名称查询

●选择gridview1，单击右上角的箭头，单击配置数据源，添加where字句；

6）编辑功能

●源代码界面，在最后一行的上面加入控件panel；

●将chy_menu_add.aspx页面中的table整个复制过来，放在

Panel>的前面，并进行参数修改；

●选中gridview1，添加SelectedIndexChanged事件；

●编写gridview1中某记录的详情比单击事件的处理代码

●测试。

浏览菜单管理页面，单击某记录的“详情”，是否能弹出该记录的编辑界面

●设计页面，双击修改按钮和关闭按钮，自动加入事件处理代码

✧关闭的处理代码编写

✧修改按钮处理代码

7）删除功能

●选中gridview1，添加RowDeleting事件；

●编写删除处理代码

●选中gridview1，双击RowDataBound，自动添加数据行绑定处理函数，编写函数

●运行测试界面

（4）用超链接把相关网页串联起来

1）设置从chy_menu_manager转到chy_menu_add页面

●打开chy_menu_manager的设计页面，在搜索按钮的后面拖入html分类input（Button）控件，设置属性ID为Btn_add；

●在源代码界面，增加onclick事件，使按钮单击使跳转到菜品添加页面

2）设置从chy_menu_add返回chy_menu_manager页面

●打开chy_menu_add.aspx的设计页面，选中超链接按钮“<<返回菜单管理<<”到源码界面将其改为html的超链接

3）设置从左侧的菜单打开chy_menu_manager页面

●打开母版页，选择左侧的treeview，编辑节点，找到节点菜单管理，将右侧属性navigateurl设置为menu_manager.aspx；

4.“前台营业”—“菜单&点菜”功能的实现

（1）添加页面chy_order_add.aspx，然后进行初步的界面设计；

（2）制作界面，并实现菜单数据的读取：

1）修改页面标题title为“前台营业-点菜”;

2）插入12行4列的表格，边距和边框都为0，width=“98%”；

3）合并第一行，输入标题——点菜，css设置为oper_title；

4）在你第二行第一列输入——订单编号，css：

align="right"height="25px"width="20%"

5）第二列，然后拖入lable控件，设置：

ID="L_ordernum"Font-Size="12px"Text="订单编号数据"

6）第三列　然后写入文字“桌号：

”，接着拖入lable控件，设置：

ID="L_tablenum"Font-Size="12px"Text="未选"

7）第四列，拖入控件buttom，设置ID="Btn_tablechoose"CausesValidation="False"Text="选择桌号"CssClass="btn_orange"

8）第三行第一列

10px;background:

url（./images/bg3.jpg）;">。

输入文本“热菜菜谱：

”

9）第二列：

url（./images/bg3.jpg）;">，第三列：

url（./images/bg3.jpg）;">，第四列：

url（./images/bg3.jpg）;">

10）在第三列输入“冷菜菜谱：

”

●在热菜菜谱的前面拖入html的image控件，冷菜菜谱同理；

11）第四行第一列拖入textbox控件，设置：

ID="TextBox1"　CssClass="textInput2"。

然后键入合适的空格，再拖入imagebutton控件，设置ID="imgbtn_add1"

●第二列设置bgcolor="#F3F3F3"拖入标签，设置如下

LabelID="L_help1"runat="server"Text="0,0">

Label>

●第三列：

将第一列的2个控件复制过来即可,td:

align="center"

●第四列：

复制第二列的标签

LabelID="L_help2"runat="server"Text="0,0">

Label>

12）在第五行第一列：

，添加div并设置属性，如下

330px;width:

100%;overflow:

auto;margin-top:

5px;">