毕业论文 APP应用开发

毕 业 设 计基于 AppCan IDE 的动漫 app 应用开发系 别：专 业 名 称： 学 生 姓 名： 学 号： 指导教师姓名、职称： 完成日期：2017 年 03 月 28 日摘 要随着当代社会经济的发展,科技技术也随着人们的需求增长而不断发展着，而作为人们日常生活中，沟通联系通讯以及娱乐乃至办公的便携式工具，其普及和发展也达到了前所未有的高度，而 app 作为智能手机必不可缺的软件应用，其开发技术也是日新月异。因此，为了在发展迅猛的网络时代中满足用户对智能手机应用的需求，以及满足程序开发人员对于 app 开发的需求，我们将设计一款基于 AppCan IDE 的动漫 app应用。动漫 app 的设计开发主要基于 AppCan IDE 开发平台和以 HTML5 为核心的编程语言，根据手机用户对 app 应用的操作需求来进行设计，主要有主界面、登录注册界面和子功能界面等，其中主界面可细分为主窗口框和浮动窗口, 浮动窗口是嵌套于主窗口框内，根据设置的程序来回切换，展示不同的功能。基于 AppCan IDE 的动漫 app 应用分为以下四个浮动窗口：首页、资讯、个人主页、更多功能。除了这四个嵌套于主窗口内的浮动窗口以外，还添加了登录，注册等功能，且各个浮动窗口也内嵌了相应的子功能模块。该设计以 AppCan IDE 个人版 v4.0.1 为开发环境，以 HTML5 为核心编程语言，以 CSS3 样式搭建的 App UI 为界面和以appcan.request.ajax 方法函数作为数据上传与加载的工具来进行网络注册和登录请求。关键词：HTML5 Hybrid App AppCan IDE APP 应用 CSS3 样式的 APP 界面 UI设计IAbstractWith the development of modern science and technology and economy, the popularity of smartphones and development reached an unprecedented height,And as a smartphone app essential software application, its development technology is also changing.Therefore, in order to meet user in the rapidly developing network era demand for smartphone applications, as well as to meet the needs of application developers to develop for the app,We will design a cartoon app based on AppCan IDE.Anime app based mainly on the design and development AppCan IDE development platform and take it as the core of programming language,According to the requirements of mobile phone users to the operation of the app to design,Mainly consists of a main window and four different floating window, floating window within a nested with the main window,According to the setup program to switch back and forth, show different functions.Based on AppCan IDE animation app application is divided into the following four floating window: home page, information, personal home page, more features. In addition to these four nested in the main window of the floating window, but also added the login, registration and other functions, and each floating window is also embedded in the corresponding sub module. The design for the AppCan IDE personal edition of v4.0.1 for the development environment, using HTML5 as the core programming language to build App UI CSS3 style interface and appcan.request.ajax to function as a method of data upload and loading tools to carry out network registration and login request.Keyword: HTML 5 Hybrid App AppCan IDE. APP Based on a range of styles of UI designII目 录1 绪 论 .11.1 手机智能移动终端的发展背景 .11.2 APP 的发展概况 .11.3 项目的开发背景和目标 .22 动漫 APP 应用开发技术分析 .42.1 APPCAN IDE 平台介绍 .42.1.1 AppCan IDE 简介及安装 .42.1.2 AppCan IDE 制作 APP 的打包模式 .42.1.3 AppCan IDE 平台制作 APP 的优势 .52.2 HTML5 语言介绍 .52.2.1 HTML5 语言简介 .62.2.2 HTML5 语言的优势 .62.3 APPCANIDE 的 UI 样式的选择 .62.3.1 AppCanIDE 的 UI 样式选择 CSS3 样式的原因 .63 本次毕业设计的 APP 应用开发系统分析 .83.1 APPCAN IDE 平台分析 .83.1.1 AppCan IDE 平台系统可行性分析 .83.2 系统结构的设计 .83.2.1 混合应用（Hybrid App）的开发模式介绍 .83.2.2 使用混合应用（Hybrid App）开发模式的优势 .94 APP 的 UI 搭建和功能总体 .124.1 APP的系统整体搭建 .124.2 APP的 UI 搭建 .134.2.1 主界面结构分析 .134.2.2 主界面程序流程分析 .134.3 主窗口搭建 .164.3.1 主窗口结构分析 .164.3.2 主窗口程序流程分析 .184.3.3 程序函数分析 .184.4 浮动窗口的搭建 .19III4.4.1 浮动窗口结构分析 .194.5 登录与注册页面的搭建 .204.5.1 登录界面结构分析 .204.5.2 注册界面结构分析 .214.5.3 登录与注册窗口程序流程分析 .224.5.4 程序函数分析 .224.6 子功能页面的搭建 .224.6.1 子功能页面结构分析 .225 基于 APPCAN IDE 的动漫 APP 应用开发的系统实现 .245.1 页面实现结果 .245.1.1 主界面页面实现结果 .245.1.2 登录与注册页面实现结果 .275.1.3 搜索与子功能页面实现结果 .286 结 论 .30参 考 文 献 .31附 录 .32附件一：系统文件图 .32附件二：登录数据请求方法 .33致 谢 .3501 绪 论1.1 手机智能移动终端的发展背景在人类通讯历史上，通讯工具有烽火，狼烟，书信，传呼机，电话，手机等，其中手机可以说得上是一个最伟大的发明，从其发明问世至今，已经有二十几个年头。手机在这二十几年的发展历史中，历经了多次的蜕变。而在手机的发展蜕变历史中，最为重大的一次革命，莫过于智能手机的出现。智能手机的出现，使得手机的功能不再仅仅局限于收发短信，即时通话等通讯功能。与传统的手机通讯功能相比，智能手机不仅可以实现收发短信、即时通话的功能，还可以实现用户随时随地连接因特网的需求，实现更多智能化的办公，娱乐功能应用。在 2001 年的时候，爱立信公司发布了世界上第一款智能手机，采用 SymbianOS 系统的-R380sc 智能手机。由此开启了智能手机大时代，世界上众手机生产商紧随爱立信之后，也纷纷推出属于自己的智能手机，智能手机的研发与生产进入了一个蓬勃发展的时代。时至今日，智能手机已然经历了十多年的发展，而与之相对应的，智能手机应用也随之经历了极大的发展与变化。随着人们对于智能手机的外观美观性，体积便携性，功能实用性和价格性价比的要求越来越高，智能手机应用开发的技术也随之得到不断的发展更新与完善。就早期的智能手机应用而言，其功能都是比较单调的，通常功能只有一种或两种，界面显示也比较简单粗糙，已经无法适应手机用户的越来越丰富功能需求。因此，我们有必要开发出一款可以满足用户对于界面设计和功能需求的智能手机应用。1.2 APP 的发展概况自从人类于 21 世纪步入高科技时代以来，电子信息科学技术的研究发展和更新变化可谓是“士别三日当刮目相待” 。而通信技术的发展更可谓是风起云涌。手机作为一种移动通信的工具，其发展变化更是令人目不暇接。自人类进入互联网时代以来，如何方便，快捷，随时随地的连接互联网已成为人类一大迫切需求，自然而然的，可联网的移动互联网式智能手机便应运而生，而可联网的智能手机的普及，也反向的推动了移动互联网技术的推广与发展，与之相应的，手机智能移动终端软件，即（移动1APP）的研究开发与使用得到了极大的推广。据统计，仅在 2011 年一年内，在全球范围内的各种智能手机应用就有着下载次数 382 亿的庞大数据，而互联网数据中心（IDC）以此为依据进行增长预估，智能手机应用下载量在 2016 年的时候，甚至会上涨到 2327 亿次之多。凭借着占据空间的体积小,低重量方便随身携带、屏幕显示带触控功能、自带数码摄像头，像素高清，无线网卡随时联网等等多样且人性化的用户体验，以装载运行Android 系统的手机和装载运行 IOS 系统的手机为代表的智能手机等移动式通讯设备，已经在慢慢的介入现代企业的商务运行过程并逐渐使其运行模式发生变化。智能手机移动式通讯设备等产品，原本被定义为消费类型设备，现在也逐渐开始介入商务应用领域，从而导致了着力于研发产品商务销售推广应用的企业级产品应用推广厂商将产品应用推广的研发重点从实体传媒或 PC 网端转移至手机移动端应用平台，乃至发展到将手机移动端应用平台作为产品应用推广厂商提供产品和推广自身产品品牌、与消费者接触交互信息，甚至是销售商品的一个渠道。可以说智能手机移动端应用 APP 的设计与开发和智能手机移动端应用平台的推广与交互，已经成为了移动互联网行业的一个新兴的具有巨大发展前景的市场。 1.3 项目的开发背景和目标与手机智能移动终端开发技术已经趋于成熟的发达国家市场相对比。目前，我国国内的手机智能移动终端开发市场还处于发展阶段。近几年来，在我国国内涌现出一批优秀的提供移动互联网推广方案的企业。他们专注于智能手机移动端应用软件 APP的设计与开发，和在线式手机智能移动终端应用平台的产品推广，为企业的产品应用推广提供实时在线式的移动互联网讯息传播推广解决方案。就目前而言,我国手机智能移动终端应用开发服务范围已涵盖了我们生活中所遇到的方方面面的行业。在我们日常生活所涉及到的各种行业：商城、娱乐、美容、服装、医疗、地产、酒店、汽车、传媒、旅游、服务等产业，基本上都已开通手机智能移动终端服务。在我国，已有众多的手机智能移动终端应用开发商致力于为各种企业提供一站式的移动互联网在线讯息传播推广应用解决方案。本次毕业设计的主要目标有以下几点。(1)根据近年来智能手机应用的发展趋势，从实用性，功能性和观赏性三个方面来2分析用户对于一款优秀的手机 APP 应用应有那些需求；(2)根据用户各种不同的需求对本次毕业设计的 APP 程序做出功能模块划分；(3)进一步对本次毕业设计的 APP 应用的各个功能模块进行系统的分析与设计，并给出整个项目的设计开发流程；(4)在保证所设计的 APP 能满足分析所得的用户基本功能要求的基础上，尽量附加上一些具有实用性的功能。32 动漫 APP 应用开发技术分析2.1 AppCan IDE 平台介绍2.1.1 AppCan IDE 简介及安装本次毕业设计所使用的 AppCan IDE 移动应用开发平台 是由正益移动互联科技股份有限公司研发的基于 HTML5 开发语言的智能手机移动应用开发平台，AppCan IDE 移动应用开发平台使得智能手机移动应用的设计与开发过程变得简单、快速、高效。其主要应用于开发目前市面上主流的 Android 系统、IOS 系统应用。AppCan IDE 移动应用开发平台使用了 HTML5 开发语言、CSS3 样式设计和JavaScript 直译式脚本语言等移动应用开发技术。移动应用开人员可通过 Appcan IDE移动应用开发平台内置的集成开发工具来进行编写开发混合式（Hybrid）跨平台移动应用。同时，北京正益无线所研发的 AppCanIDE 移动应用开发平台还具有连接互联网的在线编译系统以及云端打包功能，使得移动应用开发人员在完成移动应用的程序编写之后，能够快速的将其生成为 Android 平台、IOS 平台上的本地应用。移动应用开发人员通过使用 AppCan IDE 移动应用开发平台内置的应用引擎所提供的与智能手机操作系统的原生（Naitve）交互功能，可以让使用 HTML5 开发语言所开发出来的移动应用拥有基本接近于原生应用（Native App）的交互体验。相比于以前传统的 APP 开发方式所存在的开发技术要求相对较高、开发周期长、项目维护难度大和终端适配难以控制等问题。Appcan 平台为我们做了底层引擎支持和终端适配工作。而官方所提供的插件更是囊括了 APP 应用开发过程中所可能使用到的大部分功能模块。本次毕业设计所使用到的开发平台 AppCan IDE，可以通过登录正益移动互联科技股份有限公司的官网 / ，在正益公司的官网进行注册，然后下载AppCan IDE 个人版，进行安装和使用。2.1.2 AppCan IDE 制作 APP 的打包模式(1)APP 本地打包4Appcan 开发者使用 Appcan 平台提供的 IDE 开发工具，在本机上进行编写应用和打包生成应用安装包。AppCan IDE 的本地打包环境只是一个测试环境，如需正式发布打包，则需要进行云端打包，需要注意的是，使用 AppCan IDE 移动应用开发平台进行本地编译生成的 iOS 系统的 ipa 安装包是越狱安装包只能在越狱的 iOS 系统机上安装,并且不支持该将 app 上传到应用市场。(2)APP 云端打包使用 Appcan 平台进行开发的时候开发者无需安装任何本地开发环境（甚至 IDE 都不