基于JQuery的移动网页设计与实现─以电脑销售购物为例.docx

基于JQuery的移动网页设计与实现─以电脑销售购物为例

摘要

随着智能手机的发展，仅在电脑上浏览网页已经不足以满足人们的日常需求了。智能手机的品牌如此之多，不同的品牌有不同的系统（如IOS、Android、Windows

Phone以及华为正在研发的鸿蒙系统），也有不同的型号以及尺寸，而为不同尺寸系统都做一个界面是相当麻烦的一件事。为了解决这个问题，jQuery推出了新的函数库jQueryMobile，目的是希望统一当前移动设备的用户界面（UI）。所以基于jQuery的框架、JSP动态网页技术标准以及MySQL关系型数据库管理系统，可以设计出精美、高效的移动网页系统。

关键词：jQuery；jQuerymobile；电脑销售购物系统

DesignandimplementationofmobilewebpagebasedonjQuery-Takecomputersalesandshoppingsystemasanexample

Abstract

Withthedevelopmentofsmartphones,browsingwebpagesoncomputersaloneisnotenoughtomeetpeoplesdailyneeds.Therearesomanybrandsofsmartphones.Differentbrandshavedifferentsystems(suchasIOS,Android,WindowsPhoneandtheHongmengsystemthatHuaweiisdeveloping),differentmodelsandsizes.Itsquiteahassletomakeaninterfacefordifferentsizesofsystems.Tosolvethisproblem,jQueryhaslaunchedanewfunctionlibrary,jQuerymobile,whichaimstounifytheuserinterface(UI)ofcurrentmobiledevices.SobasedonjQueryframework,JSPdynamicwebpagetechnologystandardandMySQLrelationaldatabasemanagementsystem,wecandesignabeautifulandefficientmobilewebpagesystem.

Keywords:jQuery；jQuerymobile；Computersalesandshoppingsystem;

目录

TOC\o1-3\h\z\u1前言 1

1.1研究背景 1

1.2本课题研究的目的、意义 2

1.2.1论文研究的目的 2

1.2.2论文研究的意义 2

1.3国内外发展概况及存在的问题 3

2移动电脑购物销售系统技术选型 4

2.1jQuerymobile框架介绍 4

2.2JSP介绍 4

2.3MVC模式介绍 5

3系统分析与设计 6

3.1系统需求分析 6

3.1.1系统功能性需求 6

3.1.2系统非功能性需求 7

3.1.3系统建模 8

3.2系统功能模块设计 9

3.2.1用户注册模块 10

3.2.2用户登录模块 11

3.2.3购物车模块 11

3.2.4订单填写模块 12

3.2.5订单管理模块 12

3.2.6系统管理模块 12

3.3系统数据库设计 13

3.3.1数据库的需求分析 13

3.3.2数据库概念结构设计 13

3.3.3数据库表结构设计 13

4移动电脑购物销售系统的实现 16

4.1用户注册模块 16

4.1.1功能描述 16

4.1.2核心代码 16

4.1.3模块界面 17

4.2用户登录模块 18

4.2.1功能描述 18

4.2.2核心代码 18

4.2.3模块界面 18

4.3购物车模块 20

4.3.1功能描述 20

4.3.2核心代码 20

4.3.3模块界面 20

4.4订单填写模块 22