花旗杯交易软件——CitiEX

Trade.app

模拟虚拟货币交易所
支持游戏产品实时交易与行情反馈
用户可开设个人游戏交易账户，交由花旗银行托管
设有论坛，可供用户之间进行交流互动

目录

• 项目描述
  • 技术栈
  • 主要依赖
  • 实现功能
    • 首页
    • 行情页
    • 社区页
    • 交易页
    • 账户页
    • 登录页
• 安装方法

项目描述

技术栈

前端：vue3 + vuex + vue-router + nutui + axios + element-ui + ts
后端：Ssm框架 + Springboot + Mybatis + MySQL + Redis + RabbitMQ + druid

主要依赖

• 使用vue-cli搭建项目框架（主要运用electron）
  
• 使用vue-router进行页面路由切换
  
• vuex进行状态管理
  
• nutui实现多种组件快速应用
  
• axios向后台发出请求
  
• core-js以便使用新语法API
  
• echarts制作图表
  
• 使用stylus编写样式
  
• 使用vue-cookies和vue-cookie处理浏览器中的cookie操作
  

实现功能

首页

• tabbar点击切换页面： 行情、社区、交易、账户
  
• 默认首页为行情
  

行情页

• 查看交易产品实时行情
  
• 可选择不同虚拟货币
  
• 搜索栏可搜索交易产品（待完善）
  

社区页

• 滑动查看用户推文
  
• 推文详情展示：文字/图片
  
• 支持点赞，评论，转发（待完善）
  
• 右侧侧边栏点击后可发布推文（文字/图文）
  
• 左上角点击可跳转至个人相关界面（待完善）
  
• 左上角可点击刷新按钮
  

交易页

• 支持用户进行交易
  
• 需选择虚拟货币与产品
  
• 可进行买入、卖出、查询
  
• 可查看持仓
  

账户页

• 点击登录进行个人账户登录，将跳转至登录页
  
• 登录后可修改个人头像与昵称
  
• 登录后可查看合计资产、交易明细、钱包（待完善）
  

登录页

• 可以进行登录/注册
  

安装方法

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run serve

For detailed explanation on how things work, checkout the guide and docs for vue-loader.