该Home F家居系统采用B/S架构、前后端分离以及MVC模型进行设计,并采用php语言以及 vue框架进行开发。本系统主要设计并完成了用户注册、登录,购买家具过程、个人信息修改等,商家添加家具信息、对家具进行发货,管理员对商家管理、用户管理、家具分类管理、家具管理、交流论坛、系统管理等功能,进行维护与管理。该系统操作简单,界面设计简单,不仅能基本满足目前网上商城的日常管理工作,而且能有效降低人员成本和时间成本,为网上商城工作提供方便。
关键词:Home F家居系统;B/S 架构;vue框架运行环境:phpstudy/wamp/xammp等
开发语言:php
后端框架:Thinkphp5
前端框架:vue.js
服务器:apache
数据库:mysql
数据库工具:Navicat/phpmyadmin
系统结合现今Home F家居系统的功能模块以及设计方式进行分析,使用php语言和 vue框架进行开发设计,具体研究内容如下:
(1) 用户通过注册登录系统后可以个人信息修改,对家具、交流论坛、平台公告、在线咨询、购物车等进行操作[6]。
(2) 商家登录系统后可以个人信息修改,添加家具信息、发货等进行操作[6]。
(3) 管理员登录系统后,可以对个人信息进行修改,对商家、用户、家具、交流论坛、系统等进行管理;
Home F家居系统综合网络空间开发设计要求。目的是将Home F家居通过网络平台将传统管理方式转换为在线上管理,完成Home F家居的方便快捷、安全性高、交易规范做了保障,目标明确。Home F家居系统可以将功能划分为用户、商家的使用功能和管理员功能[10]。
(1)、用户关键功能包含用户注册登录,个人信息修改,查看家具、交流论坛、平台公告、在线咨询、购物车等有关信息,并进行详细操作。用户用例如下:
可以通过向模板传递参数来动态渲染 HTML 页面。
Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境,基于 Google 的 V8 引擎,V8 引擎执行 Javascript 的速度非常快,性能非常好。
图3-1 用户用例图
(2)、商家关键功能包含商家登录,个人信息修改,对家具管理、订单管理等有关信息,并进行详细操作。商家用例如下:
图3-2 商家用例图
(3)、管理员的权限是最高的,可以对系统所在功能进行查看,修改和删除,包括用户和商家功能。管理员用例如下:
目 录
在编写vue页面的时候,要注意url的编写,用户在点击按钮的时候,url要能够传递到表现层当中,表现层利用业务层进行完成数据库的交互。
Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。
前端技术:php+vue+elementui,视图层其实质就是vue页面,通过编写vue页面从而展示在浏览器中,编写完成的vue页面要能够和控制器类进行交互,从而使得用户在点击网页进行操作时能够正常。 可以设置中间件来响应 HTTP 请求。
定义了路由表用于执行不同的 HTTP 请求动作。
摘要 I
Abstract II
1 概 述 1
1.1 课题研究背景 1
1.2 课题研究意义 1
1.3 课题研究内容 2
2 系统开发环境及相关技术 3
2.1 系统开发环境 3
2.2 系统开发技术 3
2.2.1 php编程语言 3
2.2.2 vue框架介绍 4
2.2.3 MySQL数据库 4
2.2.4 B/S结构 5
3 系统需求分析 6
3.1 可行性分析 6
3.2 功能需求分析 6
3.3 系统流程分析 7
3.3.1 登录流程 7
3.3.2 添加信息流程 8
3.3.3 收藏信息流程 9
4 系统设计 10
4.1 功能模块设计 10
4.2 系统数据库设计 10
4.2.1 数据库系统 10
4.2.2 数据库概念设计 10
4.2.3 数据表设计 13
4.2.4 数据表的建立 13
5 系统实现 19
5.1系统功能实现 19
5.2后台管理员模块实现 21
5.3后台商家模块实现 21
6 系统测试 26
6.1软件测试过程 26
6.2测试用例 27
结 论 28
致 谢 29
参 考 文 献 30