前提

先分享一些我学习小程序的一些网站

官方文档： 看源社区： 小程序社区： 懒人模板： 图标： 我个人觉得做得很好看的UI框架： (我开发时也是用这个框架)

（1）小程序是我今年3月份开始学的。（学小程序之前得会点css，JavaScript，html，这样做小程序很容易上手） 看了一些视频教程：链接: 密码: jqc7

（2）就先基本了解了小程序的框架，怎样运行的。 只看5集，我就没看了，因为视频教程基本讲的都是官方文档的东西。（不过刚刚看是学可以先看看视频，看看网上的老师是怎么讲解官方文档，然后再按照那个思路自己去看）

（3）然后我花了2个月做了一个小程序，顺便参加了中国大学生计算机设计大赛。我做的是方便师生查询成绩，课表，作业提交情况等的小程序，就是将学校的一些查询操作集成到小程序上统一操作。

欢迎访问作品的介绍网址：

（当时做小程序时，只想着做给自己玩玩，刚好碰上计赛就报名了，最后拿了省赛一等奖，国赛二等奖）。

-----------------------------------------------------------我是分割线------------------------------------------------------------

下面进入主题，我开发《莞工教学助手》这个小程序的流程，以及中国大学生计算机设计大赛的一些经验。

（一）整个开发流程

（二）开发过程中遇到的Bug

（1）前端（小程序）

①官方textarea组件层级最高，导致位置显示错误

②只能通过setData()更新视图；

③从视图层的数据data-Name传回到逻辑层时变为data-name；

（2）后端（主要是中文乱码）

①Java后台接受查询字符串有中文时会乱码，

解决方法 String title=request.getParameter("title"); if(title.equals(new String(title.getBytes("iso8859-1"), "iso8859-1")))//中文乱码处理 { title=new String(title.getBytes("iso8859-1"),"utf-8"); }

②当用户输入emoji表情字符后，MySQL数据库无法存储emoji(由于emoji为4个字节，而MySQL数据库只能存3个字节)；

解决方法：

将MySQL数据库的编码设置为utf8mb4（前提：MySQL版本要是5.5.3+）

③ftp请求时乱码 解决方法：

在请求时用iso8859-1；返回信息时统一用GBK

（三）涉及的技术

1.爬虫技术

模拟登录，突破登录限制。

怎么爬，我之前有写过一篇文章： 我学爬虫是看了模拟登录12306并购票之后就懂得了一些爬取的小技巧（爬虫主要找链接，拼接链接，如何用正则匹配出想要的信息），我看的是 爬虫我没用什么框架，不过要爬取页面上看得到信息基本的够用了。

2.内网渗透

由于需要外网访问内网，所以我在网上找了个内网渗透的工具。

一开始用frp，刚开始还可以，后来又不行了，提示需要网站备案。

又看了下花生壳，需要付费，而且端口还不固定，还是算了吧

用了下ngrok，不过每次启动的网址都不同，不是我想要的。

最后选了小米球ngrok，是最好用的，还是免费的，有各种版本，有win,liunx,arm等

用法超级简单 ./ngrok -config=ngrok.cfg -subdomain=自己要映射的域名 要映射的本地端口号 举个栗子

./ngrok -config=ngrok.cfg -subdomain=www.xxx.com 8080

（四）比赛经验

1.先说说我的一些反思

我拿了二等奖，为什么拿不到一等奖？ 我总结有以下三点原因 (1)没用到什么框架，技术点不够多！ (2)做的功能还不是完整，丰富！ (3)没有团队合作！ (4)不够创新！

2.比赛心得

1.创新——人有我精，人无我有(最重要) 2.文档齐全(文档要规范)(非常重要) 3.团队分工 4.技术方面——多用些已有框架，工具(当然，要恰好和需求吻合) 5.做的功能要齐全(尽最大可能开发出多的功能，这样答辩就有得展示，如果功能不多，但一定要完整)(重要) 6.代码编写——要规范(变量名等规范)，可复用性要强(即要封装成类) 7.版本管理——git或者其他都可以 8.答辩：(非常重要) (1)声音要大，要自信 (2)不要跟评委抢话，评委提意见，最好就是回答是是是(你们懂的...) (3)每当想到别人跟你也一样，那时你就无需紧张了。(即换位思考)。

上面分的重要性次序只是个人根据比赛来划分的，平时学习，工作大家就不要这么认为了！

分享我参加比赛的答辩PPT：