vue-dyc360

vue-dyc360 是一款运行在手机端的金融投资平台,。

郑重说明：本套程序纯属个人瞎搞，和真实的投资平台不是一套代码，切勿应用于商业，后果自付！

(测试使用的数据是连接真实网站的数据，由于服务器配置低,访问会有点慢，建议clone代码并本地运行);

查看demo请戳这里（请用chrome手机模式预览）

移动端扫描下方二维码

郑重说明：本套程序纯属个人瞎搞，和真实的投资平台不是一套代码，切勿应用于商业，后果自付！

前言

本人平时负责前端招聘，前来面试的小伙伴都是93后左右的，瞬间感觉自已已经步入了老龄化阶段了。随着前端框架越来越多，社会对前端的要求也越来越高，前端必备的三个MVC框架 angular、vue、react也是越来越流行。冲着学习的态度，本人利用业余时间（公司在转型不加班，呵呵 …… ^—^）写了这套基于vue2实现的金融理财平台（H5版）。在开发的过程中建议小伙伴们先看下API文档，当然有angular基础的上手起来就很快了，个人觉的vue其实就是react + angular生下来的孩子，为什么这样说呢？ vue结合了react强大的dom树处理力和angular的数据处理能力。花写了2周时间把这个项目基本框架写完了，因为时间仓促很多css就写的很随意了，后面会不断发新的版本进行修复规范！

注意：本程序数据连接的是真实环境的数据（m.duc360.com）, 暂不开放资金操作页面，想投资的建议还是下载官方APP进行投资

技术栈

vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex

核心功能

• 首页幻灯片 -- 完成
• 投资更表 -- 完成
• 标的介绍 -- 完成
• 个人中心 -- 完成
• 资金记录-- 完成
• 充值、提现 -- 完成
• 优惠券 -- 完成
• 金币、兑换、明细 -- 完成
• 投资记录 -- 完成
• 新闻列表、详细 -- 完成
• 更多 -- 完成
• 登录、注册 -- 完成
• 修改密码 -- 完成
• 个人中心 -- 完成
• 红包 -- 完成
• 上传头像 -- 完成
• 待续...

页面截图

首页

登录注册

投资列表

我的

更多

项目运行

注意：由于涉及大量的 ES6/7 等新属性，nodejs 必须是 6.0 以上版本 ，node 7 是先行版，有可能会出问题，建议使用 node 6 稳定版

git clone https://github.com/visionsj/vue-dyc360 

cd vue-dyc360

npm install

编译环境

npm run dev

访问 http://localhost:8085

线上版本

npm run build

生成的dyc360文件夹放在服务器即可正常访问

页面结构

待续...

目标

开发更多更好用的程序，包括pc前台+h5+后台管理系统

作者

@author 何艳辉 ([email protected])

加微信请扫二维码