【实战项目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:普通用户
- 查看所感兴趣的ps教程
- 下载所需要的素材
- 发表动态,与其他的博主进行交流
- 上传教程到app上赚取一定的收益
role:管理员
- 审核教程与素材的上传情况
- 对用户的增删改查
- 维护整个app的运行情况
role:提款机(假定老板角色)
- 收取每个教程的一定的盈利费用
组件树
核心组件图
- 登录注册
-
app首页
普通用户:可以在首页进行搜索教程号与教程类型,还可以进行点击教程分类或者上传得意作品ps教程
-
教程详情与购买教程页
点击教程进入教程详情页,或者点击相关教程,进而想收藏教程或者购买教程的话,点击即可,购买教程仅在余额大于等于教程金额才可以购买成功,否则弹出信息购买失败,如购买成功跳转回首页,弹出购买成功信息
- 上传素材和教程
用户可以在这里上传自己所认可的作品,教程也可以发布收费的教程,然后在平台获取一定的利润
- 素材分类与下载素材
用户可以在这里下载喜爱的素材
- 分享圈与发布动态
用户可以在这里发布动态,也可以与其他人交流ps知识
- 推荐与圈友信息
可以看到推荐的ps链接,点击他人头像可以看到个人信息
-
我的页面
我的钱包中,金币代表着你发布的教程盈利的金额,余额代表着你的钱数,购买教程的钱就是在这里扣除
后端审核
-
审核流程
只有管理员才可以审核教程与素材成功发布
早期整体设计架构图
项目总结
1.个人总结:
这次对PxShare的APP项目的开发是一次新的尝试,既是第一次开发教程类APP的项目,项目的成功运行与调试,也是完成了我初衷做一个Ps教程以图文的一种形式进行教学的这么个平台,虽说还有很多没有覆盖到现实的需求,但这次app已经完成我当初对APP的绝大部分的假想,后续有机会再把这个项目完善的更加现实化,让它真正成为一个Ps教程类APP,为许多人提供便利。
2.项目不足:
项目开发是一步一步进行的,有很多其实可以从整体来进行规范化的步骤,从而使页面的代码更加简洁,页面更加美观,但应时间不够且整体效果影响不大所滞后,然后项目发布教程中的用户获得报酬并没能实现出真实性获取,包括用户钱包充值一些实体化操作还是处于一种假设状态,还有其他一些教程的讲解和教程的讨论话题用了静态页面,因为这个涵盖比较广,所有就没能去对应一些外部链接,页面功能还不够全面,页面的功能开发研究还不够水平,页面css的美化也是费了很多时间
3.个人展望:
这次项目虽说是个人开发源码,但是乐在其中,也是较上一次的项目之后的一次大的提高,在决定做好项目框架之后再去开发功能是比较明智的,省了不少时间,但对这次项目的总结过后还是发现很多不足,希望之后不断的巩固基础知识,再去接触更多的项目,发展多元化,对项目的研发也是有好处的,最大的展望就是课程结束后继续保持对代码的热度,对之后的工作需要埋下种子