欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

手机web app开发笔记

程序员文章站 2023-11-04 12:27:58
各位朋友好,最近自学开发了一个手机Web APP,“编程之路”,主要功能包括文章的展示,留言,注册登录,音乐播放等。为了记录学习心得,提高自己的编程水平,也许对其他朋友有点启发,特整理开发笔记如下。 第一章基本情况 这个手机APP我已经初步成型,我放到华为应用市场,感兴趣的朋友可以自行下载看看效果, ......

各位朋友好,最近自学开发了一个手机web app,“编程之路”,主要功能包括文章的展示,留言,注册登录,音乐播放等。为了记录学习心得,提高自己的编程水平,也许对其他朋友有点启发,特整理开发笔记如下。

第一章基本情况

这个手机app我已经初步成型,我放到华为应用市场,感兴趣的朋友可以自行下载看看效果,在华为应用市场搜索“编程之路”就可以下载。不想下载的朋友也没有关系我抓了写图片,让大家看看效果。

一、效果展示

手机web app开发笔记 手机web app开发笔记 手机web app开发笔记 手机web app开发笔记
启动页 首页 编程页 音乐页
手机web app开发笔记 手机web app开发笔记 手机web app开发笔记 手机web app开发笔记
交流页 用户中心 搜索页 详细页

 上面只展示了其中部分页面,还有许多功能页面没有展示,例如引导页,登陆页,留言页等等。感兴趣的朋友可以继续跟读下去,都是一些最基本,最常用的一些东西。

二、用到的开发技术及说明

       我这次手机web app 开发用到主要技术包括三大方面:html5,asp.net,sqlserver。这三大方面技术里面会用到许多分支应用,不再列出,用到的时候在详细说明。html5主要用于手机app用户界面的展示,asp.net主要从数据库中读取数据,格式化成json数据格式提供给前台页面调用,sqlserver主要用于数据的存储。html5包括html5+、htm、css、javascript相关技术;asp.net要用到ado.net技术;sqlserver用到视图、存储过程等。

三、开发工具及开发环境的搭建

   开发用到的开发工具是与开发技术相对应的。前台html5开发工具用的是hbuilderx;asp.net开发用到的是visual studio;sqlserve开发用到的工具是microsoft sql server。我们用到的开发工具会有很多版本,条件允许,建议使用最新版本,版本不同会有一定的差别。我开发工具使用版本是:hbuilderx 2.0、visual studio 2012、microsoft sql server2008。

  开发环境的搭建十分容易,只要下载对应的开发工具软件,按照软件的安装提示下一步、下一步就可以了。我的开发环境是在windows 10专业版本的操作系统基础上按照上述开发工具。

四、开发的主要流程

 我们开手机web app的开发流程主要分为下面三个步骤:

手机web app开发笔记

1.数据的建立:

主要是sql server数据的建立,包括数据表格、数据试图、存储过程等,实现的主要功能是数据的存储、查询和修改;

2.数据接口的开发:

主要是运用asp.net知识,主要包括ado.net技术,实现的主要功能从数据库调取数据以json数据格式提供给前台调用接口;从前端获取数据存入数据库或者传到服务器以文件存储(主要是图片、视频、文档等);

3.手机用户界面的开发:

主要是运用的html5相关知识,包括html(结构),css(样式),javascript(行为)技术,实现的主要功能是用户的界面展示,从接口获取数据展示给前端,从用户获取数据传给接口。