【实战项目PxShare App】vue +Koa2

项目简介

PxShare是一款PS软件教学类APP，主要目标受众是PS爱好者以及想学习了解PS的用户，平台拥有海量教学资源（图文教学），平面设计、修复图片、广告摄影、包装设计、插画设计等教学资源，还开设交流社区，让用户可以关注大V博主，可以即时学习和沟通交流学习感受。同时也可以在社区发布自己的作品。PxShare涵盖了学习、交友、分享等功能。

项目创新点

• 1.PxShare作为教学类APP（社区平台型）确立以优质教程内容，操作简单，界面简洁，学习后发布作品可共下载赚取虚拟货币，以及优质内容推广，进阶内容付费化等为自身竞争优势，形成自身产品特色。
• 2.不断改进用户体验，认真收集处理用户反馈，优质内容与用户体验相辅相成，养成用户粘性。
• 3.拓展盈利模式，满足用户个性需求，依托用户数据分析，实现个性化学习教程、作品推送。

技术栈

1.客户端技术栈：vue-cli3+mintUI+vantUI
2.服务端技术栈：koa2+mysql+sequelize

核心业务功能（共有三个角色）

role:普通用户

1. 查看所感兴趣的ps教程
2. 下载所需要的素材
3. 发表动态，与其他的博主进行交流
4. 上传教程到app上赚取一定的收益

role:管理员

1. 审核教程与素材的上传情况
2. 对用户的增删改查
3. 维护整个app的运行情况

role:提款机（假定老板角色）

• 收取每个教程的一定的盈利费用

组件树

核心组件图

• 登录注册

• app首页

  普通用户：可以在首页进行搜索教程号与教程类型，还可以进行点击教程分类或者上传得意作品ps教程

• 教程详情与购买教程页

  点击教程进入教程详情页，或者点击相关教程，进而想收藏教程或者购买教程的话，点击即可，购买教程仅在余额大于等于教程金额才可以购买成功，否则弹出信息购买失败，如购买成功跳转回首页，弹出购买成功信息

• 上传素材和教程
  用户可以在这里上传自己所认可的作品，教程也可以发布收费的教程，然后在平台获取一定的利润

• 素材分类与下载素材
  用户可以在这里下载喜爱的素材

• 分享圈与发布动态
  用户可以在这里发布动态，也可以与其他人交流ps知识

• 推荐与圈友信息
  可以看到推荐的ps链接，点击他人头像可以看到个人信息

• 我的页面

  我的钱包中，金币代表着你发布的教程盈利的金额，余额代表着你的钱数，购买教程的钱就是在这里扣除

后端审核

• 审核流程

  只有管理员才可以审核教程与素材成功发布

早期整体设计架构图

项目总结

1.个人总结：
这次对PxShare的APP项目的开发是一次新的尝试，既是第一次开发教程类APP的项目，项目的成功运行与调试，也是完成了我初衷做一个Ps教程以图文的一种形式进行教学的这么个平台，虽说还有很多没有覆盖到现实的需求，但这次app已经完成我当初对APP的绝大部分的假想，后续有机会再把这个项目完善的更加现实化，让它真正成为一个Ps教程类APP，为许多人提供便利。

2.项目不足:
项目开发是一步一步进行的，有很多其实可以从整体来进行规范化的步骤，从而使页面的代码更加简洁，页面更加美观，但应时间不够且整体效果影响不大所滞后，然后项目发布教程中的用户获得报酬并没能实现出真实性获取，包括用户钱包充值一些实体化操作还是处于一种假设状态，还有其他一些教程的讲解和教程的讨论话题用了静态页面，因为这个涵盖比较广，所有就没能去对应一些外部链接，页面功能还不够全面，页面的功能开发研究还不够水平，页面css的美化也是费了很多时间

3.个人展望：
这次项目虽说是个人开发源码，但是乐在其中，也是较上一次的项目之后的一次大的提高，在决定做好项目框架之后再去开发功能是比较明智的，省了不少时间，但对这次项目的总结过后还是发现很多不足，希望之后不断的巩固基础知识，再去接触更多的项目，发展多元化，对项目的研发也是有好处的，最大的展望就是课程结束后继续保持对代码的热度，对之后的工作需要埋下种子

项目源码

PxShare链接GitHub