毕业设计论文~APP应用开发(13000字)

毕业设计

基于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设计

Abstract

With 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 design

目录

1 绪论 (1)

1.1手机智能移动终端的发展背景 (1)

1.2APP的发展概况 (1)

1.3项目的开发背景和目标 (2)

2 动漫APP应用开发技术分析 (4)

2.1A PP C AN IDE平台介绍 (5)

2.1.1 AppCan IDE 简介及安装 (5)

2.1.2 AppCan IDE 制作APP的打包模式 (6)

2.1.3 AppCan IDE 平台制作APP的优势 (6)

2.2HTML5语言介绍 (7)

2.2.1 HTML5语言简介 (7)

2.2.2 HTML5语言的优势 (7)

2.3A PP C AN IDE的UI样式的选择 (8)

2.3.1 AppCanIDE的UI样式选择CSS3样式的原因 (8)

3 本次毕业设计的APP应用开发系统分析 (10)

3.1A PP C AN IDE平台分析 (10)

3.1.1 AppCan IDE平台系统可行性分析 (10)

3.2系统结构的设计 (10)

3.2.1 混合应用（Hybrid App）的开发模式介绍 (10)

3.2.2 使用混合应用（Hybrid App）开发模式的优势 (11)

4 APP的UI搭建和功能总体 (15)

4.1A PP的系统整体搭建 (15)

4.2A PP的UI搭建 (16)

4.2.1主界面结构分析 (16)

4.2.2 主界面程序流程分析 (17)

4.3主窗口搭建 (21)

4.3.1主窗口结构分析 (21)

4.3.2主窗口程序流程分析 (22)

4.3.3程序函数分析 (23)

4.4浮动窗口的搭建 (25)

4.4.1浮动窗口结构分析 (25)

4.5登录与注册页面的搭建 (25)

4.5.1登录界面结构分析 (25)

4.5.2注册界面结构分析 (27)

4.5.3登录与注册窗口程序流程分析 (28)

4.5.4程序函数分析 (28)

4.6子功能页面的搭建 (29)

4.6.1子功能页面结构分析 (29)

5 基于APPCAN IDE的动漫APP应用开发的系统实现 (30)

5.1页面实现结果 (30)

5.1.1主界面页面实现结果 (30)

5.1.2登录与注册页面实现结果 (34)

5.1.3搜索与子功能页面实现结果 (36)

6 结论 (37)

参考文献 (39)

附录 (40)

附件一：系统文件图 (40)