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

PAGE 28 基于JQuery的移动网页设计与实现─以电脑销售购物为例 摘 要 随着智能手机的发展，仅在电脑上浏览网页已经不足以满足人们的日常需求了。智能手机的品牌如此之多，不同的品牌有不同的系统（如IOS、Android、Windows Phone以及华为正在研发的鸿蒙系统），也有不同的型号以及尺寸，而为不同尺寸系统都做一个界面是相当麻烦的一件事。为了解决这个问题，jQuery推出了新的函数库jQuery Mobile，目的是希望统一当前移动设备的用户界面（UI）。所以基于jQuery的框架、JSP动态网页技术标准以及MySQL关系型数据库管理系统，可以设计出精美、高效的移动网页系统。 关键词：jQuery；jQuery mobile；电脑销售购物系统 Design and implementation of mobile web page based on jQuery- Take computer sales and shopping system as an example Abstract With the development of smart phones, browsing web pages on computers alone is not enough to meet peoples daily needs. There are so many brands of smart phones. Different brands have different systems (such as IOS, Android, Windows Phone and the Hongmeng system that Huawei is developing), different models and sizes. Its quite a hassle to make an interface for different sizes of systems. To solve this problem, jQuery has launched a new function library, jQuery mobile, which aims to unify the user interface (UI) of current mobile devices. So based on jQuery framework, JSP dynamic web page technology standard and MySQL relational database management system, we can design a beautiful and efficient mobile web page system. Keywords: jQuery；jQuery mobile；Computer sales and shopping system; 目录 TOC \o 1-3 \h \z \u 1 前言 1 1.1研究背景 1 1.2 本课题研究的目的、意义 2 1.2.1 论文研究的目的 2 1.2.2 论文研究的意义 2 1.3 国内外发展概况及存在的问题 3 2 移动电脑购物销售系统技术选型 4 2.1 jQuery mobile框架介绍 4 2.2 JSP介绍 4 2.3 MVC模式介绍 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 订单填写模