基于iOS的餐厅点餐系统的设计与实现.doc

目 录第1章 绪论- 1 -1.1系统研究背景- 1 -1.2系统研究内容及其意义- 1 -1.3系统开发技术及环境概述- 1 -1.3.1系统主要开发技术- 1 -1.3.2软件环境准备- 2 -13.3硬件环境准备- 2 -1.4论文的结构组成及主要工作简介- 3 -第2章 需求分析- 4 -2.1点餐系统可行性分析- 4 -2.1.1技术可行性分析- 4 -2.1.2经济可行性分析- 4 -2.1.3市场可行性分析- 4 -2.1.4法律可行性分析- 4 -2.2系统需求分析- 4 -2.2.1用户的登入、注册- 5 -2.2.2菜品的展示、详情- 5 -2.2.3 用户的购买、结算- 5 -2.2.4后台订单数据库- 5 -2.3数据流图- 6 -第3章 系统设计- 7 -3.1系统设计概述- 7 -3.2系统中MVC设计模式的应用- 7 -3.3系统流程图- 8 -3.4系统数据库的设计- 9 -3.4.1数据库概念结构设计- 9 -3.4.2数据库逻辑结构设计- 11 -第4章 系统实现- 14 -4.1系统的登录- 14 -4.2系统主界面的设计与实现- 16 -4.3菜品展示列表下拉刷新的实现- 18 -4.4菜品详情介绍的界面实现- 20 -4.5在线选购的功能实现- 22 -4.6在线结算支付的功能实现- 24 -4.7个人信息界面的设计与实现- 26 -4.8个人信息功能设计与实现- 28 -4.9个人密码修改的设计和实现。- 30 -第5章 系统测试- 32 -5.1软件测试一般方法- 32 -5.1.1黑盒测试- 32 -5.1.2白盒测试- 32 -5.2系统测试采用的方法- 32 -5.2.1测试流程图- 32 -5.3.2iOS应用测试一般步骤- 33 -5.3测试过程及处理过程- 34 -5.3.1制定测试计划- 34 -5.3.2设计点餐系统测试案例- 34 -5.3.3执行餐厅点餐系统测试- 34 -5.3.4对系统的修正以及完善- 34 -结论- 35 -参考文献- 36 -致谢- 37 - 插图清单图 21 餐厅点餐数据流图- 6 - 图 22 订单数据流图- 6 - 图 31 餐厅点餐系统主要功能模块示意图- 7 - 图 32 餐厅点餐系统MVC设计模式应用架构图- 8 - 图 33 系统流程图- 8 - 图 34 管理系统数据库表关系E-R图- 9 - 图 35 菜品实体E-R图- 10 - 图 36 学生个人信息实体E-R图- 10 - 图 37 订单实体E-R图- 11 -图 38 系统整体E-R图- 11 -图 41 系统登录界面图- 14 - 图 42 系统首页菜品展示图- 16 - 图 43 下拉刷新界面- 18 - 图 44 菜品详情介绍界面- 20 - 图 45在线选购界面- 22 - 图 46在线结算支付功能界面- 24 - 图 47 个人信息功能界面- 26 - 图 48 个人信息界面- 28 - 图 49 找回密码功能界面- 30 - 图 51 测试数据流程图.- 33 -表格清单表 31 管理账户表.- 12 - 表 32 餐厅菜品库存表.- 12 -表 33 学生个人信息表.- 13 -表 34 餐厅订单字段表.- 13 -基于iOS的餐厅点餐系统的设计与实现摘 要近年来，随着世界信息化的爆炸式发展，彻底改变了当下人们的生活与工作方式，尤其以通讯方面来说，随着智能手机的普及，市场上苹果公司开发的iOS操作系统以其独特的人机交互模式和系统的流畅获得人们的广泛认可。跟随着的就是各种生活应用APP的需求，校园食堂还没有成熟的智能点餐系统。基于iOS的餐厅点餐系统就是为了让在校师生通过手机在线的方式就可以点餐而设计的一个APP，是一个基于iOS的操作系统。用户可以通过智能手机移动终端系统进行一个在线的选餐购餐模式就餐，从而免去了在就餐高峰期在食堂的人工窗口排队。系统设计包含了用户的登陆注册，个人信息，菜品浏览,菜品详情，在线结算支付，后台数据存储这几个模块。该系统是解决了在校学生与餐厅之间就餐的模式，优化了餐厅的服务方式。也是解决大型公共就餐系统的一个方向，通过当下智能终端的普及，该系统的研究方向意义明显。本文因技术限制，目前的应用面比较窄，后续随着研究的深入，会解决系统的普及问题，以及产品的优化，使得该系统能够被广泛运用的实际的生产生活当中。关键字：餐厅点餐系统；OC；面向对象；MVCDesign and implementation of restaurant ordering system based on iOSAbstractsIn recent years, with the explosive development of the world of information technology, has completely changed the way the people live and work, especially in communication, with the popularity of smart mobile phone, iOS operating system developed by Apple Corp on the market with its unique mode of human-computer interaction and system flow widely recognized by people. Followed by a variety of life needs of the application of APP, campus canteen intelligent meal system is still blank.IOS based restaurant ordering system is designed to allow teachers and students through the mobile phone online can order the design of a APP, is a iOS based operating system. System design includes the users login, registration, personal information, dishes browsing, dishes details, online payment settlement, background data storage of these modules.The system solves the dining mode between the students and the dining room, and optimizes the service style of the restaurant. It is also a direction to solve the large-scale public dining system. Through the popularization of the current intelligent terminal, the research direction of this system is obvious. In this paper, due to technical limitations, the current application is narrow, the follow-up with further research, will solve the universal problems of the system, and optimize the product, so that the system can be widely used in the actual production of life.Keywords: Restaurant ordering system; OC; object oriented; MVC学院毕业设计第1章 绪论1.1系统研究背景伴随着通讯市场上智能手机1的迅速普及，从最早的塞班（Symbian）手机操作系统直到2013年诺基亚宣布放弃塞班品牌，宣告着智能手机操作系统的鼻祖塞班灭亡。塞班的倒下与现在占据市场上大部分份额的两大智能手机操作系统，安卓（Android）系统和苹果（iOS）手机操作系统有极其密切的关系。而其中比较受广大用户欢迎的较属iOS操作系统了，究其原因就是其独特的语言特性及事件响应的处理方式优于其他的操作系统，故而，苹果公司依靠这个操作系统及优秀的人机交互设计，从濒临破产到全球市值最高的顶尖科技公司只用了短短十几年的时间。所以现在从事软件开发的行业来说，学会开发能够在iOS操作系统上运行的APP2是一个非常不错的选择。1.2系统研究内容及其意义现在人们的生活方式早就随着智能手机的普及而改变了，其中根据阿里公司在2017年春季度的调查显示，中国有超过65%的用户使用过移动客户端进行生活以及学习。现在学校的食堂餐厅依然使用的人工窗口点餐的模式，在某些高校人数较多的情况下，每到吃饭时间，餐厅的点餐窗口排队就会非常长，这无论对于学生还有餐厅来说都是不方便的，那么这个时候，我们有一个可以既方便学生又能够节省餐厅的人力物力的平台，相信会受到广泛欢迎。该餐厅点餐系统APP就是一个能够让学生在手机移动端即可完成下单以及支付，餐厅在后台即可看到订单数据并作出出菜回应，这样既能节省学生时间，又能免去排队的苦恼，同时也增加了餐厅的工作效率，意义非凡。1.3系统开发技术及环境概述1.3.1系统主要开发技术（1）Object-C：OC3语言是C语言的一个衍生语言，基于C语言的基础上增加了面向对象的特性，即封装，继承，多态。但是相比较其他的面向对象语言来说，又具有C语言的灵活性和多功能性。具备C语言的指针特性，赋予了OC超强的适应能力和强大的复合特点。是C语言的超集，任何C语言的语句代码都可以在OC中运行；（2）完全自定义TabBar：在iOS中本身自有封装好的TabBarController，但是在实际的项目过程中，往往这个系统自带的TabBarController不能满足需要，这个时候就需要自定义TabBar。对TabBar进行一个重构编写，首先我们先将系统自带的TabBar条撤掉，然后自己将做好的view上面添加按钮并设置好点击事件，最后将各个viewController进行关联，把原来的事件覆盖好就可以；（3）AFNetworking开源框架：AFNetworking4开源框架相对于其他的网络请求5API类库来说是一个比较轻量级的，它的基础方法是由NSURLConnection, NSOperation两个组成的。它被内置在Cocoa里，在此基础上扩展了比较有力的高级网络抽象使它的模块结构- 1 -设计巧妙，因此其功能也是丰富多彩的。此前虽然也有像ASIhttpreques这样的网络请求框架，但是ASI比较原始，里面只保留了几种接口和工具给开发者自行进行拓展，没有对一些相关数据类型进行封装。但是AFN就不一样，里面封装了很多常用的功能，满足开发者的需要；（4）使用Xib以及Storyboard：在iOS软件系统的开发过程中，界面的布局和美观非常重要，这个时候有两种选择供开发者使用，一种是使用Xib直接在界面板进行拖拽，或者使用Storyboard纯代码编写布局。这两种的前者是方便快速，但是对于版本维护来说就是灾难性的，它只能被初代开发者熟知，对于版本更替来说实在不方便。而纯代码布局的界面则对于版本维护来说无疑方便很多，只是在一开始开发的过程中会比较麻烦，为了后续的版本维护，该餐厅点餐系统使用的是纯代码布局；（5）SQlite：我们开发者在一般的iOS开发当中，常用的数据存储方法主要有两类：一种是存储在沙盒中以文件的形式，另一种则是常用存储到数据库中。iOS中常用的数据库有归档、plist文件，以及iOS中独有的内置系统偏好设置，这些存储方式的本质都是存储为文件形式。SQlite的本质属于嵌入式关系型数据库，它具有轻量，能够跨平台等特点，被许多的嵌入式操作系统采用。SQlite数据库的SQL语句与其他的数据库的SQL的语句差别不是很大。在Mac OSX6上使用SQlite可直接添加无需像其他数据库要单独装载系统，在Xcode开发环境中已封装好使用方便。SQlite比较人性化的是采用了动态数据类型，这就意味着，你在开始时定义好了数据类型，但是在实际应用中还是可以存储其他类型。但是我们考虑到移动端应用的可移植性，我们还是建议在数据库的建立中选择合适的类型。1.3.2软件环境准备（1）准备一台能运行Mac OSX系统的电脑。苹果电脑最佳，如果条件有限，可在Windows电脑系统装载Mac OSX系统。 （2）注册APPLE ID：在苹果官方网站上下载iTunes并安装； （3）注册开发者帐号：登录苹果官网，打印申请表，填写申请者相关信息。签名并传真给苹果公司，等待苹果公司回复； （4）在苹果官网下载iOS SDK并安装，同时下载编译软件X-code6并安装； （5）调试iOS程序模拟器：打开X-code软件，在工程工程目录中选择Simulator即可；（6）数据库：推荐使用SQlite3,这个是现在iOS开发中应用范围最广泛的轻型数据库，方便便捷但是同时具备一般大型数据库的优点，移动端用到最多的数据库；（7）开发语言：一般使用OC作为编译语言，由于兼具C语言的灵活特性，又具有面向对象的特点，上手容易，所以常用作iOS系统APP7的开发语言。13.3硬件环境准备能够运行Xcode的Mac机，苹果一体机苹果笔记本电脑，以及Mac mini 均可具体配置如下：（1） 处理器：2.4GHZ Intel Core i5；- 1 -（2） 内存：4GB 1600 MHZ DDR3；（3） 图形卡：Intel HD Graphics 4000 512 MB;（4） 操作系统：OS X 10.5.0。1.4论文的结构组成本文在第1章主要介绍了该APP的研发背景和意义以及系统的开发技术介绍。第2章将对餐厅点餐系统进行各方面的需求分析，包括可行性分析以及系统需求分析。第3章针对该系统的具体的数据模型和数据库做出具体设计。第4章会对餐厅点餐系统进行详细的功能实现。第5章主要内容是介绍系统测试流程。系统主要的实现模块有用户的登陆注册，个人信息，菜品浏览，菜品详情，在线结算支付，后台数据存储这几个模块。- 1 -第2章 需求分析2.1系统可行性分析在设计该系统之前，我们需要对这个系统进行总体的一个分析，以应对在项目开发过程中遇到的各种问题，提高开发效率以及降低开发周期，这种可行性分析对于项目进展是非常重要的，它决定了整个项目的“生命”指标。2.1.1技术可行性分析首先我们在项目开始前，对于项目整体的一个系统模块分析以及项目最终所要达成的一个具体目标进行一个预估，那么我们会根据这个预估的情况，对自身的能力以及条件进行分析，是否具备完成这个项目的能力，以及最终是否能够完成项目效果来评估技术可行性。该点餐APP的编译语言采用的是OC语言，该语言相对而言易于掌握，同时又具有面向对象的功能，是一门非常优秀的语言。没有C语言的繁冗陈杂，但同时也兼具C8语言的指针特性，灵活轻便。开发环境使用的Xcode8.3，是苹果公司成熟的开发工具，数据库采用的是Sqlite3，是一种较为轻便的数据库，适用于移动端应用。2.1.2经济可行性分析现在的移动端应用支持硬件要求较低，一般的智能手机都可以运行APP，手机处理器性能跟随现在的芯片厂商的技术发展已经具备较为强大的运算能力。所以APP的推广难度就相对较低，大部分人群的手机都能装载。同时餐厅的后端运营成本也会相对较低，不需要用大资金来维护系统的运行，所以经济上是完全可行的。2.1.3市场可行性分析因为针对于高校食堂的点餐系统现在普及度非常低，在国内可以说是空白市场，所以竞争压力较小。同时我们的产品特性可以说是比较具有吸引力，既方便学生，又节省了餐厅运营成本，可谓一举两得，相信投入市场会获得良好的反响。2.1.4法律可行性分析该系统完全是由本人设计开发，使用的第三方框架都为开源公共插件。不存在侵犯他人知识产权等行为，同时该系统运行也在法律的允许范围之内，没有触犯任何的法律条规。所以在法律上是可行的。2.2系统需求分析该APP软件要实现学生在线点餐并且结算支付的功能，同时商家也能在后台对订单进行处理。学生第一次使用需要在系统上进行注册，完善个人信息，以便餐厅的后台管理。用户注册号账户之后就可以进行登录了，登录之后可以在线点餐，并且结算支付。给予用户以及餐厅管理者良好的人机交互体验。2.2.1用户的登入、注册用户的登录与注册基本上是所有应用软件必备的功能，新用户要使用软件，必须要在系统软件上获得一个“身份”，这个“身份”是用户再次使用此软件时的一个标签，也是记录用户的个人信息以及数据。用户在注册之后得到一个账户名和一个密码，登录时凭借账户名加密码即可登录。同时该系统支持密码找回，即用户在忘记登录密码是，可凭借注册时的手机账号找回自己的密码，体现人性化。2.2.2菜品的展示、详情在用户登录之后，即可在系统的首页上看到餐厅展示的菜品，首先菜品展示列表里有大的轮播图，播放的是餐厅推出的特色菜品，方便学生的挑选。轮播图下面是菜品展示列表，滑动列表，可以看到所有的餐厅菜品。同时每一个列表之后都可以点进去查看菜品详情，会对菜品进行详细的介绍，方便学生依据个人的口味进行选择。菜品详情页面体现了餐厅菜色的丰富度以及学生可以对所选菜品有一个详细点的了解。2.2.3 用户的购买、结算在用户选好菜品之后就可以点击购买按钮进行购买了，购买时可以对购买数量进行增减，确定之后，系统会根据所选的菜品数量进行自动结算。算好价格之后，点击付款即可完成购买。2.2.4后台订单数据库在用户完成购买之后，在后台的数据库会生成相应的订单，餐厅在后台即可看到这些订单并作出处理，这些订单会详细的显示出购买者的信息以及需求，方便餐厅针对不同的顾客做出不同的菜品。- 33 -2.3数据流图为了更加清晰的描述餐厅点餐系统内部的数据关系，特用了如下图21以及图22所示来具体的将内部数据关系形象的表示出来。图 21 餐厅点餐系统数据流图图 22 订单数据流图第3章 系统设计3.1系统设计概述该餐厅点餐系统APP主要有以下三个主功能模块，分别是APP的主页功能模块，该页面功能主要是展示餐厅菜品，界面上部分是一个轮播图的形式展示餐厅的特色菜品，下方是列表形式展出菜品，第二个主要功能模块是订单结算支付，用户在确定好所选菜品之后便可以点击结算支付了。第三个主要功能模块是用户的个人账户信息模块，该功能主要作用是用户管理自己的个人信息，如账户信息，密码管理等。具体形象图示可参照如下图31所示图 31 餐厅点餐系统主要功能模块示意图3.2系统中MVC设计模式的应用在移动端的应用开发中，MVC设计模式几乎每个项目都会涉及到，因为使用MVC设计模式可以将抽象的系统逻辑关系具体化，形象化，方便项目的开发与维护，所以应用程度非常广。MVC模式：M代表的是Model（数据模型），主要功能是将功能需求与后台数据库连接起来，起到中间桥梁的作用；V代表的是View（界面视图），主要功能是显示系统操作结果或提交业务请求；C代表的是（控制开关），主要功能是将视图层的动作请求转化为具体的系统响应。其中的具体关系可参照如下图32所示。图 32 餐厅点餐系统MVC设计模式应用架构图3.3系统流程图在系统的运行过程中，在信息接入系统后，整个系统内部进行一个完整的数据接收，数据的处理，数据的存储和结果的输出，以下是该系统的整体的一个流程图，如图33所示。图 33 系统流程图3.4数据库的设计众所周知，衡量一个应用系统的好坏，其数据库9的设计占到评分的绝大部分。尤其是在移动端应用上来说，因为其搭载的平台一般需要轻便易于携带，所以体积较小。处理器，存储器的性能都会受到限制，所以这就要求移动端应用都需要将自身的应用内存控制在合理的范围之内。iOS操作系统受到广泛欢迎的其中重要的一个原因就是其独有的内存管理机制，能够最大化的利用处理器的性能，在iOS操作系统上运行的应用在数据库的设计上来说就力求简洁高效，使得整个系统运行流畅美观。在本节我们将会对餐厅点餐系统的数据库进行详细的设计，其中主要包括管理系统用户表，餐厅菜品库存表，用户信息表，订单表。3.4.1数据库概念结构设计（1）管理系统用户表E-R图管理系统用户表是用来存储能够有权限使用餐厅点餐APP系统的合法账户，只有在这张表上有信息记录的才能登录我们的系统使用相关功能。系统管理员可以在后台查看到所有用户的账户信息，以及异常情况等，方便系统的维护与管理。管理系统用户表主要的一个核心就是以注册用户的姓名为主键，以此来对与此账户关联的所有相关信息进行一个管理和查询。为了形象的呈现出具体的一个数据关系，下面用一个E-R图来将整张表的一个数据逻辑关系。如下图34所示。图 34 管理系统数据库表关系E-R图（2）餐厅菜品库存表E-R图餐厅菜品库存表，里面包含的是餐厅现有可提供的菜品，用于在展示页面展示，如果有菜品卖完就会从库存下架，保证系统运营的合理性。一般来说，餐厅的库存是总量除去销量后剩下的数量，但是我们在实际的生产销售过程中，有时会遇到特殊情况，如食品保存出现失误，产生变质等不可预知的情况，库存同样会减少，这个时候就需要系统管理员主动的进行库存的增减和修改。为了更好的体现库存的一个具体概念，我们也是将抽象的数据关系用如下图35所示的数据关系E-R图来形象的展示出来。图 35 菜品实体E-R图（3）用户信息表E-R图用户信息表是存储用户的一个个人信息的表，里面主要包含了用户的一个姓名、生日、身份证号、学院院系等。这里的用户信息是确保用户的一个个人身份的确认。这里的几个数据是学生自己可见并且可以自己主动修改的，具体的一个个人信息实体如下图36所示。图 36 学生个人信息实体E-R图（4）用户订单表E-R图订单表是记录用户购买记录的一个表，用户在购买的过程中会产生相应的数据相应。例如在选择菜品的时候，不同的菜品对应不同的价格，结算的状态是支付还是未支付等等，系统都是需要进行一个记录，以便用户或者餐厅的一个使用。订单表的设计，主要是根据用户在操作系统过程中需要用到的变量，首先，菜品的数量，价格，总价，以及库存数量，都是需要根据订单表的一个关联。我们在使用系统的过程中，最大程度上是解决用户的购买需要，那么订单表就是最后一步的数据进程了，所以订单表的重要性不言而喻。下图37所示订单实体E-R图。图 37 订单实体E-R图（5）系统整体E-R图图 38 系统整体E-R图3.4.2数据库逻辑结构设计数据库概念结构设计完成之后，需要对概念结构进行一个逻辑性的设计实现，我们采用的是轻型SQlite数据库，由于系统的实际需要，我们根据概念结构设计，在数据库中设计4张表，分别是管理账户表、餐厅菜品库存表、学生个人信息表、餐品订单表。（1）管理账户表Order Detail是订单信息，Ex information是异常信息。表 31是管理账户表的字段信息，其中id是管理账户的唯一标识，不允许重复，是一个自增长字段；name是账户的用户名，限制在30个字符以内；passwd是管理账户的面，限制在30个字符以内。Order Detail是订单信息，Ex information是异常信息。表 31 管理账户表字段类型允许NULL是否主键idINTNOT NULL是nameVARCHAR(30)NOT NULL否passwdVARCHAR(30)NOT NULL否recordVARCHAR(30)YES否Order DetailVARCHAR(30)YES否Ex informationVARCHAR(30)YES否（2）餐厅菜品库存表Order Detail是订单信息，Ex information是异常信息。表 31是餐厅菜品库存表的字段信息，其中id是菜品的唯一标识，不允许重复，是一个自增长字段；img是菜品的图片，title是菜品名称，content是菜品详情，type是菜品的菜系，money是菜品的金额。表 32 餐厅菜品库存表字段名数据类型允许NULL是否主键idintNOT NULL是imgvarchar(50)NOT NULL否titlevarchar(30)NOT NULL否contentvarchar(50)NOT NULL否typevarchar(30)NOT NULL否moneynumericNOT NULL否（3）学生个人信息表Order Detail是订单信息，Ex information是异常信息。表 31是学生个人信息表的字段信息，其中name是学生的姓名；birthday是用户生日，title，cardnum是用户身份证号码，school是用户的院系。表 33 学生个人信息表字段名数据类型允许NULL是否主键namevarchar(30)NOT NULL是birthdaydateYES否cardnumvarchar(30)YES否schoolvarchar(30)YES否（4）餐品订单表餐品订单表是餐厅用于存储订单信息的表， 表 3是餐厅订单表的字段信息。其中，imemberID是对应菜品id，number是份数，totalmoney是总金额，phone是下单客户手机号，username是下单客户姓名。 表 34 餐厅订单字段表字段类型允许NULL是否主键memberIDintNOT NULL是numberintNOT NULL否totalmoneyfloatNOT NULL否phoneintNOT NULL否usernamevarchar(30)NOT NULL否、第4章系统实现本节主要介绍的是系统主体功能的实现，主要有系统登录退出功能，菜品的展示与挑选功能，在线结算支付功能，个人信息及其密码修改功能。4.1系统的登录我们在点开餐厅点餐APP10之后，就可以进入我们的登录界面了，可以看到我们学校的校徽作为APP的Logo，背景图片可以用来展现学院的校园风光。用户输入正确的用户名和密码就可以成功登录APP了。如下图 01所示。图 01 系统登录界面图以下是登录功能具体代码：UIImageView *backImage = UIImageView addImgWithFrame:CGRectMake(0, 0, screenWidth, screenHeight) AndImage:背景.png; backImage.userInteractionEnabled = YES; self.view addSubview:backImage; /logo UIImageView *logoImage = UIImageView initWithImage:UIImage imageNamed:logo.jpg frame:CGRectMake(screenWidth/2-39, 170*wRate6, 78, 78); logoImage.layer.cornerRadius = 39; logoImage.layer.masksToBounds = YES; backImage addSubview:logoImage; /账号 UIView *backphoneView = UIView allocinitWithFrame:CGRectMake(30, logoImage.maxY+132*wRate6, screenWidth-60, 60); backphoneView.backgroundColor = UIColor clearColor; backImage addSubview:backphoneView; UIImageView *smallLoginImage = UIImageView initWithImage:UIImage imageNamed:账号.png frame:CGRectMake(0, 34, 14.5, 15); backphoneView addSubview:smallLoginImage; self.accountTextField=UITextField allocinitWithFrame:CGRectMake(31.5, 22, screenWidth-60-31.5, 37); self.accountTextField addTarget:self action:selector(textFieldDidChange:) forControlEvents:UIControlEventEditingChanged; / textField的文本发生变化时相应事件 / self.accountTextField.keyboardType = UIKeyboardTypeNumberPad; backphoneView addSubview:self.accountTextField; accountLabel = UILabel allocinitWithFrame:CGRectMake(31.5, 22, 50, 37); accountLabel setTextColor:UIColor whiteColor; accountLabel.textAlignment = NSTextAlignmentLeft; accountLabel.font = UIFont systemFontOfSize:15; accountLabel.text = 账号; backphoneView addSubview:accountLabel; UIView*backPhoneLineView=UIViewallocinitWithFrame:CGRectMake(0, 60-0.5, screenWidth-60, 0.5); backPhoneLineView.backgroundColor = UIColor whiteColor; backphoneView addSubview:backPhoneLineView; /密码 UIView *backpasswordView = UIView allocinitWithFrame:CGRectMake(30, backphoneView.maxY, screenWidth-60, 60); backphoneView.backgroundColor = UIColor clearColor; backImage addSubview:backpasswordView; UIImageView *smallpasswordImage = UIImageView initWithImage:UIImage imageNamed:密码.png frame:CGRectMake(0, 32, 12, 16); backpasswordView addSubview:smallpasswordImage; self.passwordTextField = UITextField allocinitWithFrame:CGRectMake(31.5, 22, screenWidth-60-31.5, 37); self.passwordTextField.backgroundColor = UIColor clearColor; self.passwordTextField.font = UIFont systemFontOfSize:15; self.passwordTextField.textColor = UIColor whiteColor; self.passwordTextField.tag = 1002; self.passwordTextField.text = ; self.passwordTextField.returnKeyType = UIReturnKeyJoin; self.passwordTextField.delegate = self; self.passwordTextField addTarget:self action:selector(passwordtextFieldDidChange:) forControlEvents:UIControlEventEditingChanged; / textField的文本发生变化时相应事件 backpasswordView addSubview:self.passwordTextField; passwordLabel = UILabel allocinitWithFrame:CGRectMake(31.5, 22, 50, 37); passwordLabel setTextColor:UIColor whiteColor; passwordLabel.textAlignment = NSTextAlignmentLeft; passwordLabel.font = UIFont systemFontOfSize:15; passwordLabel.text = 密码; backpasswordView addSubview:passwordLabel;4.2系统主界面的设计与实现用户输入正确的账户和密码之后，系统登录成功之后就可以进入我们APP的首页了，下图02为系统首页图，可以在这里看到餐厅展示的菜品，用户依据个人口味进行一个选择。图 02 系统首页菜品展示图首页代码详情：- (void)viewDidLoad super viewDidLoad; self setupScrollView; resultArray = mutableCopy; numArray = mutableCopy; headerView = UIView allocinitWithFrame:CGRectMake(0, 0, screenWidth,screenWidth/16*9); SSTableView.tableHeaderView = headerView; cycleScrollView.delegate = self; cycleScrollView.pageControlAliment=SDCycleScrollViewPageContolAlimentCenter; cycleScrollView.pageControlStyle= SDCycleScrollViewPageContolStyleAnimated; cycleScrollView.pageControlDotSize = CGSizeMake(6, 6); cycleScrollView.currentPageDotImage = UIImage imageNamed:商点_选中.png; cycleScrollView.pageDotImage = UIImage imageNamed:商点.png; headerView addSubview:cycleScrollView; self setupTableView; self.view addSubview:CMIScrollView;- (void)setupTableView SSTableView = UITableView allocinitWithFrame:CGRectMake(0, 0, screenWidth, 2310+screenWidth/16*9) style:UITableViewStyleGrouped;- (void)mj_headerRefresh CMIScrollView.mj_header endRefreshing;#pragma mark - UITableView delegate & dataSource- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath; cell.leftImageView.image=UIImagecell.topLabel.text = resultTempArrayindexPath.row1; cell.middleLabel.text = resultTempArrayindexPath.row2; cell.rig