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 标准: php网上书城用户交互界面的设计+ER图(3):http://www.youerw.com/jisuanji/lunwen_156886.html