20 天完成教程 1、2、4,做出自己的小程序

背景


公司有一个项目需要用小程序实现,重要的是这项任务最终交给了我——公司唯一懂点技术,但根本不知道小程序开发是什么样流程的运营推广人员。
知难而退不是我的性格,上某宝买教程,2 倍速视频播放,8 个小时捋完一遍小程序云开发教程。
经过一晚并不踏实、做梦都在思考如何实现项目需求的睡眠,于第 2 天开始实战开发。

尝试


之所以选择小程序云开发,关键考虑到不需要花钱购买服务器!
经过 5 天紧张的代码编写,基本功能已经实现:

  • 用户管理(成品)
  • 文章管理(半成品)
  • 商品管理(半成品)

上述的半成品,是因为后台入口也在小程序端,需要手机进行文章发布(文章正文是一张长图,无需编辑器);
上述的成品,可以实现用户信息多字段处理。

跟领导演示,前端展示时领导还认可,到了“后台”,领导一脸懵逼:怎么跟之前见到过的后台不一样?这么小的窗口怎么操作?

  • 还有,用户数据怎么导出来?
    对啊,云开发的数据库只有导入,没有导出!(当时没有导出项,现在可以导出了)此时我也傻眼了,没想到领导一定要求可以导出用户数据。
    唯一开发出的“成品”也不及格。

改变


感谢搜索引擎,协助我做出新的决定:

  • 自己搭建服务器
  • Laravel 框架开发服务器端程序

感谢社区提供的系列课程,虽然 79 元的定价还是让我犹豫了 60 秒。

入门


01 入门课程给我带来极大的震撼与收获:

  • PHP开发还能如此;
  • 虚拟机还能这样控制;
  • Homestead 统一开发环境;
  • git 的正确使用方法;
  • 规范化
  • 数据库迁移来操作数据库;
  • 命令行式的开发过程;
  • Keep it simple and stupid;
  • ...

因此,在 04 和 02 教程付款时,我只犹豫了 6 秒。

小程序开发


经过 5 天时间 01 入门课程的 2 遍学习(时间紧、任务重,还差的 3 遍,项目完成后再补上),以及 +2 天时间完成 04 课程的学习,终于进入正题。
使用 wepy 进行小程序开发,再一次更新了我的认知:原来开发小程序并不必须使用微信web开发者工具, 并不是必须在 .wxml .wxss .json .js 这四个文件中操作,一个 .wpy 文件便可搞定。
适应了这样的开发模式后,根据教程中的代码,结合自身项目需求,进行调整,以便教程中的代码可以快速应用,尽快做出成品。

功能
  • 栏目 1:精选 - 其实就是一个简易商城;
  • 栏目 2:服务 - 公司能够提供的服务展示出来;
  • 栏目 3:资讯 - 手工挑选的信息;
  • 栏目 4:我的 - 个人中心。
    具体点

    列表页的缩略图不需要显示头像,而是详情页的主图,只需要给每篇文章新建/编辑时增加一个 banner 字段即可,新建数据迁移文件,把字段加上,再把编辑页面增加一个图片上传;
    然后,栏目 1 需要 4 个分类,栏目 2 需要 1 个分类,栏目 3 需要 3 个分类;
    还有,每个栏目顶部需要有轮播图,考虑到没时间、没能力再修改服务端程序,干脆还是调用分类,获取主图,于是又增加 3 个分类;

    修改 larabbs

    因为指定了分类,3 个栏目对应 3 个路由,需要把 Topics 控制器中对应的查询方法进行修改,虽然这种写死分类 ID 的方法内心也是排斥的,可种种原因还是妥协去这样做。

    修改小程序

    栏目 1 调取 ID 为 1, 2, 3, 4 的分类,其页面轮播图调取 ID 为 9 的分类;
    栏目 2 调取 ID 为 5 的分类,其页面轮播图调取 ID 为 10 的分类;
    栏目 3 调取 ID 为 6, 7, 8 的分类,其页面轮播图调取 ID 为 11 的分类;

    晒图

    栏目 1:file
    栏目 2:file
    栏目 3:(不知道为啥粘贴不上来)
    栏目 4:file

配置服务器


一开始准备的百度云主机,PHP 7.0 的环境,但是代码上传后,总有各种错误。
后来选择了阿里云最便宜的云主机,首年不到 300,1M 带宽,下单后可以更换操作系统为 Ubuntu 16.04,正好使用社区提供的脚本进行配置,域名可以申请免费的 ssl 证书。
服务器配置好,开始 ↓

部署代码到服务器


再次认识到 git 的强大,只需在服务器上 git clone ,我修改好的代码便乖乖过来了。按照教程里的提示,完成 larabbs 的初始化,便可进行访问。因为是第一次直面 Linux 操作系统,多少遇到一些问题,小问题不再多述,下边这个问题查了好久才解决:

  • 问题:无法访问 Storage 等目录
    • 解决步骤 1:chown -R $USER:www-data storage
    • 解决步骤 2:chmod -R 775 storage
      至此,小程序可以正常使用。

      收获


  • 01 入门课程的所有收获
  • Linux 系统简单操作;
  • Xshell 工具的使用;
  • Vim 的 “二级” 水平;
  • Laravel Envoy 自动化部署;
  • git 进阶使用;
  • Postman 的使用;
  • 代码编译 的理解;
  • 英语单词量略涨;
  • 排版比之前有进步;

    下一步学习计划


  • 学完社区 01 - 06 系列教程;
  • 小程序端丰富电商功能;
  • Ubuntu 入门;
  • 参与社区互动;
本帖已被设为精华帖!
本帖由系统于 1年前 自动加精
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 10

@nff93
看这 20 天做一件事的专注程度。每天拿出 8 小时,20 天全身心投入,我觉得没多大问题。
此前只知道 Thinkphp 框架,但是官网广告有点多,不喜欢。无意中看到 Laravel 框架,Keep it simple and stupid 以及整个社区带给我的一种“规范”感觉,让我决定好好学一下。
大概是这月 6 号购买社区的 01 课程,到小程序做出来,确实 20 天时间。

1年前 评论

大神,20天就搞出来了。。

1年前 评论
nff93

现学 小程序Laravel ,然后 20 天就搞出来了?!

1年前 评论

@nff93
看这 20 天做一件事的专注程度。每天拿出 8 小时,20 天全身心投入,我觉得没多大问题。
此前只知道 Thinkphp 框架,但是官网广告有点多,不喜欢。无意中看到 Laravel 框架,Keep it simple and stupid 以及整个社区带给我的一种“规范”感觉,让我决定好好学一下。
大概是这月 6 号购买社区的 01 课程,到小程序做出来,确实 20 天时间。

1年前 评论

很棒,继续加油

1年前 评论

真厉害啊,我刚开始接触php时,搭建lnmp环境就用了3、4天时间。

1年前 评论

我也买了01 了 不过 没有什么时间 断断续续的 哎 刚开始搭建环境就是花了4-5天 现在总是从0-1 反复 得找个办法了

1年前 评论

厉害呀 :+1:

1年前 评论

这位老哥的学习精神是真的猛。

1年前 评论

以前有PHP html这些基础的吧

1年前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!