我出息了,两个月做了3款微信小程序

写在前面:

"着年龄的增长,经历的事情一件一件变多,愈发觉得做好一件小事非常地不容易。"

程序员的理想大概都是是开发一款属于自己的产品来运营,在运营的过程中获取收益,然后实现躺平。

小程序是九月开始着手开发的,从设计到开发前端再到后端,是脑力活,也是个体力活儿,历时两个月的时间真的很累!

我就在想这如果不是我喜欢的工作,那我一定坚持不下去

思维导图

曾经在外包公司上班,我就养成了做思维导图的习惯,其一老板要求整理思维导图给客户看方便给讲解,其二自己看着思维导图对整个项目也有了大致的框架

设计

设计本该是设计师的工作,无奈我没有御用设计师,我只能自己使用MasterGo来设计。

相对于Sketch、Adobe IIIustrator等设计工具,MasterGo对于我这种非专业的人来使用还是挺友好的。

不用下载安装浏览器上直接使用,图标、插画、配色、图片、阴影...丰富的设计插件简直不要太舒服

设计好后直接上传到蓝湖

前端

因为习惯了vue的写法,前端使用的是uni-app然后编译成微信小程序。uni基于通用的前端技术栈,采用vue语法+微信小程序api,无额外学习成本

大致目录结构如下

arduino 复制代码
├── components 自定义组件
│   ├── circle-card
│   ├── cn-money
│   ├── lazy-load
│   └── ...
├── config 配置文件
│   └── api.js
├── pages 主要页面
│   ├── center
│   ├── rich-text
│   └── ...
├── static 静态文件
│   ├── css
│   └── img
├── uni_modules uni扩展组件
│   ├── uni-load-more
│   ├── uni-popup
│   └── ...
├── unpackage 打包生成目录
│   └── dist
└── utils 封装公共工具文件
    ├── config.js
    └── util.js
├── App.vue
├── pages.json
├── uni.scss
├── index.html
├── main.js
├── manifest.json 应用的配置文件

组件方面我们使用的是uni-app官方uni-ui的部分组件,其他的都是根据轻航的需求来自定义的。为了就是让项目尽量少的引用第三方库,减少代码量,更为统一。

后端

前后端分离已然成为流行,因此轻航采用的也是前后端分离模式来开发的。后端API接口使用的是ThinkPHP6多应用开发,Element Plus作为后台管理界面UI

目录规划方面后端API接口在app/admin/controller/admin目录下,对应VUE视图app/admin/views目录,客户端API接口在app/admin/controller/api目录下

整体目录结构如下

arduino 复制代码
├── app 应用目录
    ├── admin 后台核心项目
    ├── qh 轻航项目
    ├── ...
├── config 配置目录
├── extend 
├── help 一些帮助文档
├── lite 核心文件
├── public 静态文件
├── route 路由
├── runtime 日志缓存
├── vendor 第三方扩展
├── view 
└── web
    ├── node_modules 扩展包
    ├── public 
    ├── src
        ├── app vue页面
        └── lite 核心文件
    ├── .env.development
    ├── .env.production
    ├── package-lock.json
    ├── package.json
    ├── README.md
    ├── index.html
    └── vite.config.js
├── think 
├── .example.env
├── composer.json
├── composer.lock
├── LICENSE.txt
├── README.md

写在最后

记得曾经在一部电影里看过一句话,具体是什么电影不记得了,那句话是这样说的:"人只有在做自己喜欢的事情时,才是最开心的。"

体验可以点击下面链接跳转或者访问 官网

# 🔫轻航论坛积分小程序

# 🎉轻航论坛小程序

# 🌲轻航品牌商城

相关推荐
尾善爱看海2 分钟前
《JavaScript 数组操作全攻略:12 类 API + 30 个实战场景 + 20 个避坑指南》
前端·javascript·面试
计算机魔术师19 分钟前
Anthropic 估值冲 4 万亿,但企业客户已经偷偷换了便宜模型
前端
王六米。24 分钟前
RAG知识库建设 文档解析 切分与索引如何衔接
服务器·前端·网络·企业数字化转型·智钳智能盒子
名字还没想好☜34 分钟前
React 文件上传实战:预览 URL 回收、多文件逐个进度与拖拽放置区踩坑
前端·react·next.js
console.log('npc')37 分钟前
06 — Model 层:数据模型与操作
前端·后端·node.js·express
linux_cfan1 小时前
16 · `custom-media-element`:属性拦截与转发
前端·javascript·音视频
右耳朵猫AI1 小时前
Web前端周刊2026W38 | React 19.3 发布、StyleX 深潜、jsdom 30.1 提速
前端·javascript·react.js·typescript·node.js
人工智能培训2 小时前
大语言模型:从语言理解到通用智能的跃迁
linux·服务器·前端·人工智能
一拳不是超人2 小时前
做独立开发三个月,我的第一个产品终于有了 1000 个用户
前端·程序员
Amos_Web2 小时前
Rspack 源码解析(十):Hash 与 Asset 生成
前端·rust·源码阅读