1。2 课题研究内容 

本次设计主要应用 web 前端技术，现阶段较为流行的两个前端框架：jQuery, Bootstrap 框架，以及 ajax 技术，PHP 编程，MySQL 数据库连接等相关技术，将所学知识充分应用 到项目中，实现项目中的静态页面布局，动态数据交互。并且要能将项目用于实际的生活中， 要让它在实际生活中发挥出它主要功能并获得效益。 

本次项目的拟在利用相关技术建立一个动态的、可交互的在线购书的书城网站。该网站 能实现在企业或个人进行图书的网上查阅与购买，并能实现新用户注册、用户登陆、商品列 表、商品分类、个人中心、购物车等基本功能。 

本次论文主要分为两大部分，一部分是静态界面的搭建，另一部分则为动态数据的交互。 其中静态界面主要分为以下几个部分：首页，书籍详情页，个人中心（含个人信息更新，购 物车，购物车），登录界面，注册界面。动态数据交互分为：用户注册，用户登录，以及用 户登录后的购物车以及余额的数据加载，并且能实现用户账号退出，添加书籍到购物车，以 及对购物车中书籍的管理。本项目内容主要包括以下几个功能模块： 

首页展示模块：主要包括导航栏，侧边栏，轮播图，书籍重磅推荐版块，热门书籍推荐 版块，并能实现书籍加入购物车，以及验证用户是否登录，对已经登录的用户能实现点击注   销。 

书籍详情页模块：即图书分类模块，里面包含了所有的图书信息，且对书籍进行三层嵌 套分类归类，当点击书名时，加载出该书的基本信息，如：书名，作者，价格，出版日期， 类别，简介等。并能实现点击加入到该用户的购物车中。 

个人中心模块：分为三部分，第一部分账号设置，用于修改该用的的登录密码，第二部 分购物车，用于展示该用户购物车内的详情，并能对其中的书籍进行删减，第三部分我的余 额，用于展示该用户的书币余额，并能实现余额充值。 

注册模块：用于新用户的注册。 

登陆模块：用于用户的登陆。 

2。开发工具及相关技术

2。1 开发工具与运行环境

本次设计，前端主要使用 HTML、CSS、JavaScript 语言，后端主要由 PHP 语言实 现，以及使用 MySQL 数据库，想要整个项目能够良好地编译运行，第一步必须要选择优 秀的开发的工具，以及运行环境。本次设计选用了 PhpStorm 作为开发工具，选用 XAMPP 集成环境作为本项目的运行环境。 

2。1。1 PhpStorm 

PhpStorm 是一款优秀的 PHP IDE 代码编译器，支持 windows 和 linux 平台。 PhpStorm 功能很强大，既可以编写 PHP，也可以编写 HTML, CSS, JavaScript 语言。 另外，它还提供代码提示，自动补全，代码质量分析，检错，调试和测试功能等等。另外，  不管是 Windows 系统，还是 MacOS 下，它都可以正常使用。PhpStorm 支持 PHP 中 用户最喜欢的框架，也支持任何流行的 JavaScript 框架。

2。1。2 XAMPP 集成环境

XAMPP 是流行的 PHP 开发环境，更是一个功能强大的建站集成软件包（Apache + MySQL + PHP + PERL），它可以同时扮演两种角色：客户端和服务器。而且 XAMPP 适用于 Windows、MacOS 和 Linux，且支持多语言。

2。2 相关技术介绍

2。2。1 HTML, CSS, JavaScript 概述[1]

实际网页的构成一般分为三部分：结构，表现，行为层。为了使用户更方便的阅读网页， 同时也使各国的网页开发者更够方便的交流，W3C 组织针对网页的三个组成部分，制定了 一系列的规范和标准，称之为 Web 标准：