uniapp撸一个新闻资讯App

2,757 阅读2分钟

  继上个月调研了一波uniapp之后,决定撸一波代码,继续自己的前端之路,课程是同事购买之后分享给我们的,对比了一波B站的课程,这个看完真的比较推荐,尤其是对于安卓iOS原生开发来讲,开发场景太相似了,在大前端的浪潮下,uniapp是一个对于原生开发入门容易的选择,真的值得学习一波.

课程在慕课上有售
uni-app 快速入门 从零开始实现新闻资讯类跨端应用
需自费购买(¥348),目前评分依然是10分(罕见满分),讲解的很不错,不只是技术实现上的一些讲解很细致,还有一些是业务逻辑上的巧妙之处值得学习,对于日常的开发也很有帮助

  项目全部代码跟着手敲了一遍,全程无坑点,代码在我git上
戳这里github.com/willShuhuan…

  代码不难,如果不学这个课程,花几天时间学习一下uniapp基础及uniCloud,再看一下我的代码,基本都能懂.

适用人群

  • 原生开发
    对于Android/iOS原生开发,只需要学会flex布局及简单的css样式就可以把绝大多数页面画出来,对于javascript的语法熟练度也没有很高的要求,这使你不需要学习众多的前端基础设施,就可以快速入门并形成生产力,api方面,跟着教程做,及时查阅就能满足大多数开发中的场景了
  • 前端开发
    对于前端尤其vue的开发者来讲,这门课程尤其简单,vue写起来的感觉要比react简单得多(在我上一个项目写了一些react之后,这种感受尤为明显),这将使你丰富自己的技能包

功能模块

全部开发完成大概长这样

项目主要涵盖了

  • tabbar首页底部导航
  • 滑动切换的多栏目文章列表
  • 可复用的新闻列表组件
  • 文章详情富文本展示、评论列表、评论弹出层的实现
  • 加载中、上拉加载更多
  • 可编辑的标签管理页面
  • 搜索页面,搜索历史记录
  • 文章及作者关注列表及与首页的事件交互处理
  • 个人中心
  • 意见反馈,图片上传

项目适配了多平台

  • 客户端,iOS/Android
  • 微信小程序
  • 支付宝小程序