个人小程序的设计之路

我会带着你远行 2021-12-03 14:35 188阅读 0赞

## 个人小程序的设计之路 ##

#### 一些废话 ####

18年临近毕业的时候，为了能找一份心仪的Java开发工作，开始对Java知识点进行整理，刷一刷面试题。

一开始整理的面试题都放是记录在自己的笔记本上面，有一天在宿舍突然觉得很无聊，就想着为什么不把面试题记录在数据库呢，这样以后都不会丢，刚好自己有**云服务器**(腾讯的学生云主机，那时候一块钱一个月)

于是简单的写个H5将自己每天收集的面试题题就放到数据库中。

实现之后，因为查看题不方便，就想着那干脆做个小程序吧，这样用手机就行，到哪里都可以看。

就这简单的一步就让我搬砖搬到现在，就好像一开始我想着搬几块砖就行了，结果最后变成了搭建鸟巢，虽然我的小程序现在只能说是小茅草屋。

#### 设计过程 ####

**过程从大的方向来看其实很简单**：

第一步就是你需要大概知道你要设计小程序长什么样子，我个人不是产品设计，所以只好去借鉴别人的同类作品了。

第二步当自己知道小程序大概的轮廓，就开始绘制吧，如果你没有前端的基础，可以去官网学习学习。

第三步写接口，本地调试

第四步给服务器绑定域名，以及SSL证书

第五步小程序的后台申请发布，申请成功后我们的小程序就上线了。

--------------------

**但是在实现的细节上就会遇到各种各样的问题，凭借记忆我回顾以下自己遇到的相关问题:**

1.学习CSS。我本身是Java开发，对于前端不能说不懂，但是懂的很有限，所以我是学习阮一峰的Flex布局，然后感觉就够用了，然后再通过实践去丰富自己的前端知识

2.找图标。没有美工给咱们设计图标，只能自己想办法。我一般都是到阿里云矢量图标库去下载一些图标来用

3.图片存储。如果你不使用腾讯的对象存储而且没地方存图片，可以将图片存到公众号的素材中，然后F12复制图片的链接作为小程序访问的图片链接。

4.熟悉小程序的控件。小程序自带的控件挺多的，很多功能我们都可以使用这些控件，比如swiper不光能做简单的Banner展示,还可以作为整个页面左右切换的控件。

5.富文本解析。选择解析插件从xParse到towxml最后选用markdown的渲染插件wemark。优化和修改这些插件来适配自己的小程序

6.模块控制。小程序上线一旦出现Bug，我们修改加提审都需要时间，所以每个模块我们都应该能后台控制模块的上下架

7.优化推广。小程序也有许多应用商店，比如知晓程序,我们可以免费在上面上架小程序。点击[传送门][Link 1]传送

还有推广网站，比如51微量联盟，在这个上面我们可以一比一的去换量，点击\[传送门\]传送([https://www.51weiliang.com/?fromuid=141918][https_www.51weiliang.com_fromuid_141918])  
或者加一些小程序的互点的微信群，进行互相访问。

8.目前只能想到这些，后面想到或者突发灵感的时候，再补上。。。

#### 代码整理 ####

作为一个开发人员，代码如果乱七八糟的，会很烦，作为新手，对于代码整理可能又很难，但是个人觉得还是要好好地去整理，能学到不少东西。

最开始自己图省事，基本上所有样式都是style里面去写，后面修改界面的时候，快疯了，但是作为一名后端人员，抽离样式真的是没有头绪，所以一开始我的方法是先复制样式代码，  
全局搜一下如果搜到挺多的，就维护起来。

当我提取了样式之后，我又开始封装了小程序的基本请求，然后创建一个JS，所有的请求后端接口都写在这JS中，然后暴露出去，供每个页面的JS去用，这样每次改动  
接口，我都可以直接来这里进行修改。

除了样式和请求，提示信息这些公共的方法我们可以创建一个模版，然后哪里用哪里就去掉，也会省了不少事。

当然我们也可以去根据自己小程序去写一些组件。

#### 牢骚和感受 ####

先发发牢骚:

自己做的小程序也有一年了快，最开始单纯想应付Java面试，方便自己，最后却一直维护到今天，中间挺多次都在划水，没有认真去维护，但是好在自己迷途知返，又开始慢慢的优化它，

但是因为自己能力问题，我没有让它能挣到钱(流量主那点钱真的太低，大概够自己每个月的地铁费吧)，用户不多，日活量又很低，所以个人还是以工作为主，利用下班，周末和空闲时间去维护维护。

再来点感受:

要说这个小程序给我带来了什么，感觉就是技术上的提升了。

首先是前端，不能说现在是专业前端，但也比业余强点(好歹也用H5和Vue搭建过后台)。

对于Java，为满足前端的效果，Java也是学到不少，比如设计模式的使用，服务应用的拆分，Java8的新特性，SpringBoot，SpringCloud和一些源码。

还有一些其他的技术，部署MQ，MySQL主从，Redis搭建，CanCl框架，使用Docker容器，K8S，搭建Maven私服，链路追踪，权限控制等等。

#### 结束 ####

说了这么多，感觉有兴趣就来看看我做的小程序吧(每天学Java)。如果你也有自己的个人小程序可以加我微信：17839727156，拉你进小程序互点群，或者你想做小程序也可以加我微信咨询

[Link 1]: https://minapp.com/miniapp/11822/
[https_www.51weiliang.com_fromuid_141918]: https://www.51weiliang.com/?fromuid=141918

发表评论取消回复

表情：

评论列表（有 0 条评论，188人围观）

还没有评论，来说两句吧...

相关阅读

相关【个人小程序和企业小程序的区别】

一，注册时的区别： 1. 个人版的注册需要的“资质”极少，几乎只要个人的身份信息就可以。注册流程简化许多。 2. 企业版的注册则繁琐许多，需要提供管理者的身份信息的同

亦凉/ 2024年03月30日 14:10/ 0 赞/ 36 阅读

相关小程序点餐系统——个人中心

文章目录个人中心页面展示代码页面设计页面样式页面逻辑个人中心页面展示 ![在

梦里梦外;/ 2022年11月17日 05:22/ 0 赞/ 170 阅读

相关绘图程序java课程设计_Java课程设计——个人

飞机大战 1.小组博客链接 2.个人负责部分功能架构图(黄圈内为个人负责部分) ![7316815a679fc915f393edb27bcc68fe.png][]

￡神魔★判官ぃ/ 2022年11月10日 01:18/ 0 赞/ 198 阅读

相关系统设计之路

文章目录生活中的高并发场景 1 大型网站性能监测、分析与优化生活中的高并发场景大学的抢课双11的购物春节抢票热搜 1

逃离我推掉我的手/ 2022年09月12日 14:54/ 0 赞/ 90 阅读

相关小程序开发之路由跳转

文章目录 I、小程序路由跳转 1.1 wx的用法 1.2 uni的用法 II 路径的获取 2.1 获取小程序路径

骑猪看日落/ 2022年09月12日 03:59/ 0 赞/ 162 阅读

相关程序思想之路

场景举例：业务场景为出行选择，出行对象抽象为普通人、富人、贵族，出行对象不同，选择的出行方式自然不同，如普通人大部分选择公交车，而且这部分人群比重最大，其次为富人，富人选择

r囧r小猫/ 2022年07月21日 01:20/ 0 赞/ 130 阅读

相关微信小程序第二天—小白之路

1. 一般微信小程序中pages数组下面的第一项元素代表了启动需要显示的第一个页面。 2.如果pages目录下面创建一个目录posts，在page中如果设置错误，比如说："p

我不是女神ヾ/ 2022年05月22日 06:52/ 0 赞/ 194 阅读

相关微信小程序day01_01之小程序个人注册流程

文章目录小程序申请账号初始化小程序的信息添加小程序的开发者小程序申请账号点击如下的链接,进

Myth丶恋晨/ 2022年03月15日 04:10/ 0 赞/ 239 阅读

相关个人小程序的设计之路

个人小程序的设计之路一些废话 18年临近毕业的时候，为了能找一份心仪的Java开发工作，开始对Java知识点进行整理，刷一刷面试题。一开始整理的面试题都放是记

我会带着你远行/ 2021年12月03日 14:35/ 0 赞/ 189 阅读

相关小程序路由

微信小程序路由 wx.navigateTo：保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。代码：

深藏阁楼爱情的钟/ 2021年09月17日 09:34/ 0 赞/ 291 阅读