Coder Social home page Coder Social logo

dsxxm / e-commerce Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hhhhlkf/e-commerce

0.0 0.0 0.0 13.09 MB

微商系统 / 淘宝 / 吉林大学 / 面向对象程序设计课程设计(荣誉课) / C++ / Qt / java / Mybatis / spring / 王爱民 / jlu / webservice

C++ 78.81% C 20.23% Java 0.81% QMake 0.15%

e-commerce's Introduction

说明文档

前言:

​ 本程序是以当下流行的电商为范本,基于C/S框架的简单模拟程序,其本身远不具有日常使用的能力和商业价值,但可以作为一个简单的小项目供初学者学习。

关于作者与程序来源:

​ 作者为jlu的20级软件工程专业卓越工程师班的学生,本程序为课程**《面向对象课程设计(荣誉课)》**的最终提交程序,写明出处是方便将来卓班以及荣誉课的同学在完成本门课程的学习过程中,可以通过本程序来为自己基础知识学习和程序设计和构建提供一定的思路。当然,本程序也适合刚刚接触到有关知识的编程者进行学习。

程序设计

  • 微商系统整体架构

​ 本微商系统是基于传统C/S框架的程序,因此分为Client端与Server端,且支持多Client端,不支持多Server端。下图为整个程序的大致架构图。

在这里插入图片描述

程序运行界面

下面大致展示程序运行界面

1.1.1 客户端主页面

前面已经展示了登录窗口的界面设计,现在展示在登录成功后的客户端主页面。以及各项功能。

l 客户端推荐页面:

在这里插入图片描述

图 1 推荐商品界面

在这个界面上我们可以进行多功能化的跳转,整个界面采用白色为主基调,做到尽量简约和操作简便的效果。上栏是微商标志、左右箭头循环跳转、头像、关于、VIP设置(未实现)、换肤色、修改用户的基本信息、最小化、关闭的功能。

l 促销互动界面

在这里插入图片描述

图 2 促销活动界面

促销活动大部分为打折物品,当打折物品没有那么多的时候会添加非打折物品进行补充。

l 客服消息界面

在这里插入图片描述

图 3 客服消息界面

客户消息界面主要负责与客服进行通信。服务端是多聊天窗口界面。

l 购物车界面:

在这里插入图片描述

图 4 购物车界面

主要负责购物车的选购,统一结算和删除功能。

l 购买记录(历史信息)功能

在这里插入图片描述

图 5 购买记录方面

与购物车相似可以进行退货功能和删除功能。

l 搜索记录显示

在这里插入图片描述

图 6 搜索记录与购买界面

可以进行单商品的单独购买和记录保存功能,可以删除搜索记录,或是一直保留。

l 商品搜索功能

在这里插入图片描述

图 7 商品搜索功能

l 换肤功能和版本信息功能

在这里插入图片描述

图 11 版本信息显示

在这里插入图片描述

图 8 换肤功能

这两项是对客户端的补充和美化,可以选择六种颜色,并且查看当前版本信息。

l 用户信息修改功能

在这里插入图片描述

图 9 用户信息修改功能

右下角的锁打开前,所有信息被锁定,锁打开后,整个用户信息可以开始修改编辑,由于用户姓名是非常关键的信息,所以不给予修改权限。

修改完毕后关锁保存,上方在接受服务端发来的更新成功后,弹出提示。

1.1.2 服务端UI设计和实现

l 货物综合处理

n 货物的查询界面:

在这里插入图片描述

图 10 货物的查询

通过下拉框可以给予搜索提示,然后点击放大镜按钮后,可以进行搜索。

n 删除界面:

在这里插入图片描述

图 11 删除界面

可以通过搜索对商品进行删除,右键点击商品,会出现删除效果。

n 商品添加功能

在这里插入图片描述

图 12 商品添加界面

在本页面中,可以进行商品的添加和修改,并在点击添加后,弹出添加成功操作符。

l 与用户多人聊天功能

在这里插入图片描述

图 13 多人分时聊天功能

一个客服可以转接多个用户、与每个用户聊天。在聊天过程中,可以任意的删除在线或不在线的用户聊天框,当该用户登陆后或者重发消息后,又会进行聊天框的创建。

l 活动功能

在这里插入图片描述

图 14 活动打折添加界面

在本页面可以自由添加活动的力度(及折数),然后对应着显示到优惠产品栏中。可以在优惠栏中进行随意的删除。然后点击右上角的刷新,就会刷新优惠产品栏中的所有商品信息。

l 数据综合分析模块

n 表格综合信息如下:

在这里插入图片描述

图 15 数据分析表格形式

在本页面可以进行表格和页面的拖拽,实现最大化的观看体验。

n 图表分析功能

img

图 16 微商购物的数据分析功能

在此页面上可以通过选择分析对象、分析特定查找对象、分析全部对象、选择分析区间等等,进行分析,然后根据数据的综合处理自动生成图表并显示在右侧,且右侧的图标可以拖动以达到图表的放大和缩小功能。

e-commerce's People

Contributors

hhhhlkf avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.