我想打老板，作为Java后端程序员，他让我开发电商微信小程序

谁践踏了优雅 2021-09-07 17:06 203阅读 0赞

> 大家好，我是曹NM，我是一名Java后端程序员，每天开心的撸CRUD；  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70]  
> 然后，今天突变…  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 1]  
> 今天早上老板把我叫到办公室，对我说，“公司最近接了个电商小程序单子，你和王二狗，张SD参与下需求分析和设计，然后下个月开发，3个月内完成测试，上线交付”。  
> ![在这里插入图片描述][20210511101837825.png]  
> WC，WC，WC  
> WC，WC  
> WC  
> WC，WC  
> WC，WC，WC  
> 。。。。。。。  
> 。。。。。。。。。。  
> “老板，老板，我没学过微信小程序，我是个Java后端程序员，你再招一个前端微信小程序开发吧”，  
> 我很低声的跟老板说。  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 2]  
> 老板很大声的吼道，“不会的东西，不会自己学吗？招新不要钱吗？你知道今年行情有多差吗，接单子容易吗？不想干就G？”  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 3]  
> 我平时梦S，很想发火怂老板，但是突然想到；  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 4]  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 5]  
> 上有农村年迈父母，下有襁褓小儿，媳妇还辞职在出租房带孩子。  
> 我就低声回复：“噢，噢，好的，好的，我学。”  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 6]  
> 屌丝的人生就是这样，  
> 总得向生活低头。  
> 努力学习吧！！！  
> 等我技术牛逼了，把N老板炒了。  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 7]  
> 我得找个好的通俗易懂，没有废话的，java后端接口的微信小程序技术贴，一个月内学完，上手，然后开干。  
> ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 8]  
> NM，最后终于找到一个适合的，锋哥的 **《无废话版 Java后端版 的微信小程序技术贴》**。

所以今天开始学习锋哥的 微信小程序(**Java后端**) 技术贴（**持续更新中**），[还附有B站配套视频教程][B]

## 微信小程序（java后端无废话版） ##

**[1 微信小程序简介][1]**  
1.1 小程序的优点和缺点  
1.2 小程序发展历程  
1.3 体验小程序

**[2 微信小程序HelloWorld入门][2 _HelloWorld]**  
2.1 注册开发者账号获取APPID  
2.2 下载微信开发者工具以及安装  
2.3 helloWorld项目新建  
2.4 工具使用介绍

**3 微信小程序框架基础**  
[3.1 项目目录结构][3.1]  
[3.2 小程序应用生命周期][3.2]  
[3.3 小程序页面生命周期][3.3]  
[3.4 小程序全局配置app.json][3.4 _app.json]  
[3.5 小程序页面配置][3.5]  
[3.6 sitemap配置][3.5]  
**[3.7 WXML:小程序版HTML][3.7 WXML_HTML]**  
3.7.1 标签与属性  
3.7.2 数据绑定  
3.7.3 列表渲染  
3.7.4 条件渲染  
3.7.5 模版  
3.7.6 引用  
3.7.7 事件

**[3.8 WXSS:小程序版CSS][3.8 WXSS_CSS]**  
3.8.1 尺寸单位  
3.8.2 样式导入  
3.8.3 内联样式  
3.8.4 选择器  
3.8.5 全局样式与局部样式

[3.9 WXS:小程序版JavaScript][3.9 WXS_JavaScript]  
3.9.1 模块  
3.9.2 变量  
3.9.3 注释  
3.9.4 运算符  
3.9.5 语句  
3.9.6 数据类型  
3.9.7 基础类库

**4 微信小程序框架组件**  
[4.1 视图容器组件][4.1]  
4.2 组件基础内容  
[4.2.1 图标 icon][4.2.1 _ icon]  
[4.2.2 进度条 progress][4.2.2 _ progress]  
[4.2.3 富文本 rich-text][4.2.3 _ rich-text]  
[4.2.4 文本 text][4.2.4 _ text]  
4.3表单组件  
[4.3.1 按钮 button][4.3.1 _ button]  
[4.3.2 多选项目 checkbox][4.3.2 _ checkbox]  
[4.3.3 多项选择器 checkbox-group][4.3.2 _ checkbox]  
[4.3.4 富文本编辑器 editor][4.3.4 _ editor]  
[4.3.5 表单 form][4.3.5 _ form]  
[4.3.6 输入框 input][4.3.6 _ input]  
[4.3.7 keyboard-accessory][]  
[4.3.8 label 标签][4.3.8 label]  
[4.3.9 从底部弹起的滚动选择器 picker][4.3.9 _ picker]  
[4.3.10 嵌入页面的滚动选择器 picker-view][4.3.10 _ picker-view]  
[4.3.11 滚动选择器子项 picker-view-column][4.3.10 _ picker-view]  
[4.3.12 单选项目 radio][4.3.12 _ radio]  
[4.3.13 单项选择器 radio-group][4.3.12 _ radio]  
[4.3.14 滑动选择器 slider][4.3.14 _ slider]  
[4.3.15 开关选择器 switch][4.3.15 _ switch]  
[4.3.16 多行输入框 textarea][4.3.16 _ textarea]  
4.4 导航  
[4.4.1 页面导航 navigator][4.4.1 _ navigator]  
[4.4.2 功能页导航 functional-page-navigator][4.4.2 _ functional-page-navigator]  
4.5 媒体组件  
[4.5.1 audio 音频 组件][4.5.1 audio _]  
[4.5.2 camera 系统相机 组件][4.5.2 camera _]  
[4.5.3 image 图片 组件][4.5.3 image _]  
[4.5.4 live-player 实时音视频播放 组件][4.5.4 live-player _]  
[4.5.5 live-pusher 实时音视频录制 组件][4.5.5 live-pusher _]  
[4.5.6 video 视频 组件][4.5.6 video _]  
[4.5.7 voip-room 多人音视频对话 组件][4.5.7 voip-room _]  
[4.6 地图组件][4.6]

**5 微信小程序自定义组件**  
[5.1 自定义组件入门][5.1]  
[5.2 组件模版和样式][5.2]  
[5.3 Component 构造器][5.3 Component]  
[5.4 组件间通信与事件][5.4]  
[5.5 组件生命周期][5.5]  
[5.6 behaviors][]  
[5.7 组件间关系][5.7]  
[5.8 数据监听器][5.8]  
[5.9 纯数据字段][5.9]  
[5.10 抽象节点][5.10]  
[5.11 自定义组件扩展][5.11]  
[5.12 开发第三方自定义组件][5.12]  
[5.13 单元测试][5.13]  
[5.14 获取更新性能统计信息][5.14]  
[5.15 占位组件][5.15]

[**6 微信小程序框架API**][6 _API]

**7 微信小程序后端Java接口开发**  
[7.1 HelloWorld实现][7.1 HelloWorld]  
[7.2 图书搜索实现][7.2]

完整开发视频教程：  
链接：[https://pan.baidu.com/s/1kALcdmdMR8jc-gE\_fbRinw][https_pan.baidu.com_s_1kALcdmdMR8jc-gE_fbRinw]  
提取码：1234

假如失效，加锋哥WX：java3459

> 微信搜一搜【java1234】关注这个放荡不羁的程序员，关注后回复【资料】有我准备的一线大厂笔试面试资料以及简历模板。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70]: /images/20210901/beeeb708b6814795afe6b9a1e7c9d12f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 1]: /images/20210901/c0e44eef16454be7b9e82404dc8414fc.png
[20210511101837825.png]: /images/20210901/516100b3a0e7494f9626b089b7ea854f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 2]: /images/20210901/c223c2c0d26443b49c37ab15fabcbfd7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 3]: /images/20210901/fbada69bd7a04d32937e2b8e248e7e0e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 4]: /images/20210901/ececf7606255473b83a65b24cf9c56c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 5]: /images/20210901/a71205f1bcaf4b1cad54a33a00aa4224.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 6]: /images/20210901/6f3152d1f1754ccd919e7072b6811842.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 7]: /images/20210901/5ee760b18a4c42c2afb3bd9730d50014.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Nhb2xpMjAxMzE0_size_16_color_FFFFFF_t_70 8]: /images/20210901/fe69e21b910e48078688bd6f8ccf24dc.png
[B]: https://www.bilibili.com/video/BV1r64y1v7Kj/
[1]: https://blog.csdn.net/caoli201314/article/details/116838653
[2 _HelloWorld]: https://blog.csdn.net/caoli201314/article/details/116841809
[3.1]: https://blog.csdn.net/caoli201314/article/details/116845195
[3.2]: https://blog.csdn.net/caoli201314/article/details/116845330
[3.3]: https://blog.csdn.net/caoli201314/article/details/116845406
[3.4 _app.json]: https://blog.csdn.net/caoli201314/article/details/116846907
[3.5]: https://blog.csdn.net/caoli201314/article/details/116845435
[3.7 WXML_HTML]: https://blog.csdn.net/caoli201314/article/details/116845458
[3.8 WXSS_CSS]: https://blog.csdn.net/caoli201314/article/details/116845943
[3.9 WXS_JavaScript]: https://blog.csdn.net/caoli201314/article/details/116847859
[4.1]: https://blog.csdn.net/caoli201314/article/details/117172763
[4.2.1 _ icon]: https://blog.csdn.net/caoli201314/article/details/117282643
[4.2.2 _ progress]: https://blog.csdn.net/caoli201314/article/details/117282920
[4.2.3 _ rich-text]: https://blog.csdn.net/caoli201314/article/details/117282993
[4.2.4 _ text]: https://blog.csdn.net/caoli201314/article/details/117283094
[4.3.1 _ button]: https://blog.csdn.net/caoli201314/article/details/117370216
[4.3.2 _ checkbox]: https://blog.csdn.net/caoli201314/article/details/117370427
[4.3.4 _ editor]: https://blog.csdn.net/caoli201314/article/details/117370508
[4.3.5 _ form]: https://blog.csdn.net/caoli201314/article/details/117406841
[4.3.6 _ input]: https://blog.csdn.net/caoli201314/article/details/117406891
[4.3.7 keyboard-accessory]: https://blog.csdn.net/caoli201314/article/details/117406948
[4.3.8 label]: https://blog.csdn.net/caoli201314/article/details/117406997
[4.3.9 _ picker]: https://blog.csdn.net/caoli201314/article/details/117407031
[4.3.10 _ picker-view]: https://blog.csdn.net/caoli201314/article/details/117407083
[4.3.12 _ radio]: https://blog.csdn.net/caoli201314/article/details/117414491
[4.3.14 _ slider]: https://blog.csdn.net/caoli201314/article/details/117414527
[4.3.15 _ switch]: https://blog.csdn.net/caoli201314/article/details/117414557
[4.3.16 _ textarea]: https://blog.csdn.net/caoli201314/article/details/117414587
[4.4.1 _ navigator]: https://blog.csdn.net/caoli201314/article/details/117593085
[4.4.2 _ functional-page-navigator]: https://blog.csdn.net/caoli201314/article/details/117593178
[4.5.1 audio _]: https://blog.csdn.net/caoli201314/article/details/117715060
[4.5.2 camera _]: https://blog.csdn.net/caoli201314/article/details/117715091
[4.5.3 image _]: https://blog.csdn.net/caoli201314/article/details/117715117
[4.5.4 live-player _]: https://blog.csdn.net/caoli201314/article/details/117715163
[4.5.5 live-pusher _]: https://blog.csdn.net/caoli201314/article/details/117715204
[4.5.6 video _]: https://blog.csdn.net/caoli201314/article/details/117715238
[4.5.7 voip-room _]: https://blog.csdn.net/caoli201314/article/details/117715271
[4.6]: https://blog.csdn.net/caoli201314/article/details/117763923
[5.1]: https://blog.csdn.net/caoli201314/article/details/118219197
[5.2]: https://blog.csdn.net/caoli201314/article/details/118219250
[5.3 Component]: https://blog.csdn.net/caoli201314/article/details/118340381
[5.4]: https://blog.csdn.net/caoli201314/article/details/118340448
[5.5]: https://blog.csdn.net/caoli201314/article/details/118340520
[5.6 behaviors]: https://blog.csdn.net/caoli201314/article/details/118340545
[5.7]: https://blog.csdn.net/caoli201314/article/details/118340669
[5.8]: https://blog.csdn.net/caoli201314/article/details/118340712
[5.9]: https://blog.csdn.net/caoli201314/article/details/118340731
[5.10]: https://blog.csdn.net/caoli201314/article/details/118340776
[5.11]: https://blog.csdn.net/caoli201314/article/details/118340803
[5.12]: https://blog.csdn.net/caoli201314/article/details/118340839
[5.13]: https://blog.csdn.net/caoli201314/article/details/118340860
[5.14]: https://blog.csdn.net/caoli201314/article/details/118340880
[5.15]: https://blog.csdn.net/caoli201314/article/details/118340900
[6 _API]: https://blog.csdn.net/caoli201314/article/details/118385063
[7.1 HelloWorld]: https://blog.csdn.net/caoli201314/article/details/118499346
[7.2]: https://blog.csdn.net/caoli201314/article/details/118579006
[https_pan.baidu.com_s_1kALcdmdMR8jc-gE_fbRinw]: https://pan.baidu.com/s/1kALcdmdMR8jc-gE_fbRinw