小米商城网站设计与实现-计算机网络技术专业.pdfVIP

目 录 1.作品概述3 2.开发环境3 2.1 硬件环境3 2.2 软件环境3 2.3工具软件3 2.4 产品架构4 2.4.1 总体架构4 2.4.2 技术架构4 3.需求分析4 3.1 总体目标4 3.2 功能需求5 4.系统设计5 4.1 网站功能总体设计 5 4.1 系统详细设计 6 4.1.2 用户登录注册 7 4.1.3首页设计图 8 4.1.4购物车设计图 8 4.1.5商品列表设计图 9 4.1.6订单设计图 9 4.2 数据库设计 10 4.2.2 数据库表设计 10 5.功能实现11 5.1 注册页面11 5.2 登录页面12 5.3 购物车界面14 5.4 轮播图模块16 5.5 网站首页17 5.6 订单页面18 6.设计总结20 ７．参考文献20 2 1.作品概述 现在人们的生活越来越离不开互联网，而一些淘宝网店的快速发展，促成 了商品的交易越发频繁。小米商场是小米商品官网，便于人们了解机型的配置， 价格，俗话说货比三家，小米商场拥有更实惠，性价比更高的条件，也令人们 尽享网络的便捷。 本设计按照学校毕业设计任务的要求完成，题目为小米商城网站设计与实 现，设计主要内容包括了用户注册、登陆，购物车，产品主页，消息页面。本 设计通过分析与对比调查当今社会背景和实情证实它是可行的。本设计主要运 用了Hbuild、Eclipse、Mysql 数据库、Photoshop 等软件。然后互联网平台是很 好的一个载体，可以更好的与用户保持密切联系，进行一个沟通交流，该设计 的界面简洁大方，布局合理，设计与技术相结合，并且采用了功能结构化，符 合了对网页的操作要求。同时，它的内容和功能也是比较完整的，主题突出， 风格和形式是统一的，设计是从用户的角度考虑的让用户得到更好的体验感，, 通过网络就能直接选购商品，方便，简洁，可观性强。 2.开发环境 2.1 硬件环境 CPU ３.50gHz 以上，建议２.8GHz 内存８ｇ以上， ３２位真彩色，其它 如机械键盘、鼠标、WiFi等。 2.2 软件环境 操作系统：Windows10 数据库选择：MySQL-5.1.29 开发平台：Eclipse 服务器：Tomcat-7.0.90 2.3工具软件 1. Hbuild：HBuilder最大的优势，通过完整的语法提示和码输入法，一个 代码块和大量的支持，HBuilder可以显著提升HTML，JS，CSS开发效率。兼容 Eclipse插件。 2. Eclipsc：开放进行源代码、基于java扩展研究开发，包括插件开发 环境。 3 3. Mysql数据库：MySQL是一个免费的开源数据库框架，MySQL完全适用于 企业网络，其建的数据库技术可以在网络的任何一个地方进行访问，MySQL有 一个功能强大，易于使用，易于管理等特点。本网站对于数据库没有很大的需 求，所以选用了MYSQL作为一个数据进行存储工具。 4. Photoshop 中：数字图像处理和主要由像素。 2.4 产品架构 本网站基于B/S模式研究设计，采用SSM框架结构进行系统开发. 2.4.1 总体架构 1．B/S 模式 在B / S （浏览器/服务器，浏览器/服务器体系结构）系统的三层架构中， 用户可以被分配给许多浏览器请求服务器在网络上。B/S 最大的优点主要就是 我们可以通过在任何地方政府进行管理操作而不用安装没有任何一个专门的软 件，只要有一台能上网的电脑就能使用，客户端零安装、零维护。系统的扩展 非常容易。 B/S系统大大减轻了服务器的负担；并且增加了交互，可以本