博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
24小时开发一个小程序
阅读量:6698 次
发布时间:2019-06-25

本文共 841 字,大约阅读时间需要 2 分钟。

花了两个周末开发一个小程序,下面是整个过程的记录。

准备

引用自某大佬言论:

互联网的本质应该是抄袭!先抄袭一切你觉得好的东西,基于抄再创新。抄需要你尽可能多的研究对手,将一半时间放在抄对手上面,天天抄,孜孜不倦的抄,,对手有什么就抄什么!抄就是互联网的基因!因为互联网时代就最简单、最省事!

所以当我准备开发小程序时,首先想到的是我抄谁呢?

百度到一个精品文章阅读网站:每日一文,同时在小程序搜索同名应用,刚好也有小程序版本,整个网站的功能十分简单、内容赶紧利索,实现并不复杂,因此开始了抄袭之类。

Step1 数据获取-4小时

正所谓兵马未动粮草先行,要做一个应用出来没有内容是万万不行,于是写了个爬虫抓取每日一文 的内容,爬虫框架是基于scrapy实现。

GitHub:
后面百度发现这个网站有对外公开的API,写一个简单的rest请求,即可抓取所有内容,所以最后通过60行代码,执行4分钟,成功获取了2500+优质文章

爬虫获取的内容会存入数据,需要初始化sql(见step2工程里的sql初始文件)

Step2 后端接口开发,4小时

基于springboot4.0+mybatis,轻松实现三个接口,分别是:

  • 获得随机提供的文章
  • 获得每日推荐文章
  • 基于ID获取文章

GitHub:

Step3 前段web开发,4小时

基于vue2.0+elementUI+axios,做了三个页面

  • 首页获取推荐文章
  • 随机页面获取随机文章
  • 关于页面

GitHub:

最后一个简约纯前端的页面就出来啦!
访问:

Step4 小程序开发,12小时

-小程序开发需要配置SSL域名信息,阿里云域名管理提供免费的SSL证书

去年300块买的阿里云服务器加域名终于派上用场了。
实现的功能有

  • 下拉刷新
  • 首次登陆弹窗提示
  • 数据储存、提取
  • 网络请求
  • 转发、分享
  • 了解更多页面跳转
  • 客服功能

GitHub:

总结

零零散散,总共大约花了24小时开发一个简单漂亮的阅读小程序+

所有源码已在GitHub开源,
值得读读

转载地址:http://uamoo.baihongyu.com/

你可能感兴趣的文章
19.C++-(=)赋值操作符、初步编写智能指针
查看>>
linux上mongodb的安装与卸载
查看>>
tomcat的class加载的优先顺序
查看>>
php课程 4-15 数组遍历、超全局数组、表单提交数据(多看学习视频)
查看>>
header的安全配置指南
查看>>
Android 在 Google 开发者大会上发布了哪些更新? | Google 开发者大会 2018
查看>>
用Kotlin撸一个图片压缩插件-实战篇(三)
查看>>
SpringBoot热部署加持
查看>>
Swift封装 滑出式导航栏
查看>>
深度有趣 | 30 快速图像风格迁移
查看>>
前端技术周刊 2019-01-21:跨端开发的三条路线
查看>>
Fragment结合ViewPager之懒加载
查看>>
Xcode代码提示联想功能失效,按command键点不进去类库,提示“?”
查看>>
RxPermissions 源码解析之举一反三
查看>>
Android App 优化之 ANR 详解
查看>>
结合 category 工作原理分析 OC2.0 中的 runtime
查看>>
初识react(二) 实现一个简版的html+redux.js的demo
查看>>
聊聊技术写作的个人体会
查看>>
前端每周清单第 34 期:Vue 现状盘点与 3.0 展望,React 代码迁移与优化,图片优化详论...
查看>>
智能合约语言 Solidity 教程系列5 - 数组介绍
查看>>