甜点坊课程设计

1设计题目与规定2设计思想随着网络的普及，网络支付手段的逐步完善，越来越多的人习惯于网上购物，选择鼠标点击下订单，送货上门的快捷便利的购物方式。网络为变化传统的商业运作模式提供了一种技术上的可行性的方案：运用Internet的技术和合同，建立多个公司内部网Intranet，公司外部网Extranet，通过便宜的通讯手段，将买家与卖家、厂商和合作伙伴紧密结合在了一起，消除时间与空间带来的障碍，从而大大的节省了交易成本，扩大了交易范畴。而在实际的生活中，这种方案已经被广泛的运用到了实际的商业活动中了，人们将这种交易模式称为：电子商务。而传统甜点坊购置甜点也正在被网上购置甜点这一方便快捷的方式所冲击。网上甜点的订购在国际互联网上能够实现的商务功效已经越来越多样化，从最开始的信息公布功效，到现在的在线甜点展示功效、在线洽谈业务功效、在线交易功效、在线客户服务功效、在线管理功效等等，几乎传统甜点坊所提供的功效都能够在互联网上进行电子化的高效运作，而借助网络的跨地区特点，更是将传统书店的地区限制加以突破，从而大大增加了客户的数量。首页（index.html）首页（index.html）订购查订单选择甜点（Dessertlist.htm）找店家查询订单（CheckOrders.htm）选择口味及数量（Dessertlist.htm）删除订单（CheckOrders.htm）分店列表（FindAShop.htm）订购完毕（Dessertlist.htm）4系统具体设计与实现，内容涉及各个模块的设计，模块的算法流程图，有关知识点的使用，能够截取少量代码阐明，并加上注释，图居中显示，图下方要有图编号和图名称。首先写一种大的框架，先是用div标签定义一种header作为最上面的标题，接着用div标签做一种内容栏插入从网上找到的图片作为背景。最后引用与标题同样的div标签做一种底部的订购电话栏。图图1主页框架图主页框架的代码图图2主框架代码图甜点列表是第一种page,重要是运用listviet控件来完毕列表功效。最上方有一行搜索栏，下面是商品列表。图图3甜点列表界面图甜点列表上方增加了搜索栏，能够让用火输入核心字查询想要的甜点，例如，如图4所示输入“面包”，则会找出列表中全部含有“面包”两个字的商品。图图4搜索框示例图实现搜索功效不需要编写任何程序，只要将ListView的data-filter属性设为true就能够了，其代码图如图5所示。图图5搜索框代码图选择甜点功效是第二个page,重要让顾客设立包装方式、口味和数量。如图6所示。图图6选择甜点界面图选择甜点页面重要包含选择菜单（selectmenu）、单选按钮组件（radiobuttom）、范畴滑块（rangerslider）、按钮组件（button）其代码如图所示。图图7选择甜点功效代码图显示订购成果是第三个page,显示订购成果的界面如图8所示。图图8订购成果图显示订购成果的做法是在加载第3页时，将localStorage寄存的内容取出并显示在id为message的div组件中。其代码图，如图所示。图图9订购成果代码图查订单链接的网页是CheckOrders.htm,它的重要功效是将localstorage的数据取出并以列表方式显示在网页上。订单列表界面如图10所示。图图10查订单界面图订单列表是运用<table>标记来制作，并以<div>标记搭配jqueryMobile的ui-grid在class中指定样式来产生表格效果以达成美化表格第效果。具体代码以下图，图11所示。图图11查订单界面图查订单网页的功效实现重要依靠将localStorage寄存的内容取出并显示，通过将localStorage寄存的内容删除以达成删除订单的效果。删除订单示例图，如图12所示。图图12删除订单示例图查订单网页的功效实现重要依靠将localStorage寄存的内容取出并显示，通过将localStorage寄存的内容删除以达成删除订单的效果。删除订单代码图，如图13所示。图图13删除订单示例代码图“找店家”的功效是让顾客浏览商店的分店信息，完毕的网页界面如图14所示。图图14“找店家”界面图5运行成果及成果分析主页在移动端上的运行成果示意图以下图15。图图15移动端主页图甜点列表页在移动端上的运行成果示意图以下图16。图图16移动端甜点列表页图选择甜点功效页在移动端上的运行成果示意图以下图17。图图17移动端口味选择页面图显示订购成果页在移动端上的运行成果示意图以下图18。图图18移动端订购成果页面图查订单页在移动端上的运行成果示意图以下图19。图图20移动端订单列表页面图“找店家”功效页在移动端上的运行成果示意图以下图20。图图20移动端分店介绍页面图成果分析。网页能够流畅运行，页面能互相转跳，对应功效能够使用没有缺失。主页不够精美与移动端不能完美兼容。6自我评价与总结通过这次课程设计我收获良多。即使JavaScirpt+jQuery程序开发这门课程已经节课了，老师平时讲的某些实验课也完毕了。但这次课程设计对于我来说还是有一定难度的。由于我的基础知识并不牢固，有诸多布局不会做，无法把所学的东西呈现出来，网页也做得不够精美。在解决这些问题的过程中我学到了诸多。本次课程设计是一块“试金石”,是加深对自我能力认识的重要途径。大学的学习基本上都是理论的接受,而缺少能力的纯熟与加强,我们缺少的并不是知识的储备,而是能力的积蓄。但由于大学特殊的学习模式和环境,缺少实际情景的见证和实践活动的参加,同窗之间缺少必要的交流和比对,使得我们诸多时候很难对本身的能力有明晰的认识,能力缺点往往被遮蔽起来。而课程设计“前所未有”地考验着我们的知识迁移和运用能力、适应环境的能力、应对突发事件的能力以及如何解决人际关系等各方面的能力,为我们提供了不可多得的见证的机遇和平台。通过这次课设,我们能够新的思考维度有效发现自己能力上的缺点。综合运用所学理论知识、办法和技能,开展实际工作,巩固专业技能,培养和强化社会沟通能力;树立新的发展起点和目的,通过课程设计,认识社会的需要,发现本身的差距,培养面对现实的对的态度和独立分析解决问题的基本能力;培养良好的职业精神,适应毕