刚刚翻到比赛用到的ER图了,ProcessOn的免费空间有限,删了又可惜,现在记录一下。
起因
正蓝桥杯比赛的时候,李老师找到我,问我有没有兴趣搞微信小程序,当时正在刷算法,头晕脑胀,看见代码一类的更是恶心到想吐,直接选择拒绝。后来问到提交时间是5月31号之前,时间充足的很,怎么又有了一丝后悔的感觉。。
还好,张同学愿意带弟弟我参赛,然后我就忙起来了,接下来的几天一直搞微信小程序,下面是记录流水账时间(看不下去的话直接点右侧大纲):
写下此文
文档中的技术实现她不会写,我想那也是,我写吧,花费两节课把所有页面扯了个流水账,类似本文,比本文还要水,我还没写我代码是怎么写的呢,光讲张同学了
今天是最后一天提交了,没管了,估计张同学自己已经提交上去了
设计封面,张同学过来说啊啊好难好难,哦?这意思是让我做?那就做呗,做出来了,发给她,“我已经做完了”,好家伙白做了。
不能白做,我发出来大家鉴赏一下:
准备介绍文档、视频。因为她那边太吵,视频我来录。
录完了再去剪辑一下,自认为勉强能看,低调的我还是去通知了一下张同学,本人普通话不标准,建议您来录,发过去给她看了,没回我,估计是尴尬死了
功能大体上实现了,就差数据了,张同学去奎文实训了,抽不出时间来
闲来无聊,问问老师问题:微信跳转页面传的参数最大能传多少?老师直接说get传参数量有限制,你用post传参。我差点笑死。。
张同学突然找到我,问我干啥了?我??就写代码呗,单身狗一个,哦原来是腾讯云的调用次数上限了,再用就得付费了。嗯,最近数据量大了,随便点点就上限了,忍痛自己掏钱加配置。。。
去网吧通宵一整晚把抽奖逻辑做出来了,加了个后台的功能:添加盲盒信息
催张同学写代码。。
继续“点评”张同学写的代码。。。
张同学说报名开始了,问我报不报?这我能不报?不报那不成傻子了,然后问我起个队名,我直接:大艺术家马化腾。哈哈哈哈。张同学一听,有点内涵,不行。那直接大资本家马化腾?张同学还是太保守,没听我的
今天使用ProcessOn画了一下数据库的ER图,总之就是关系之间用id连接吧,没什么好纠结的,大不了多套一层。雾光外卖ER图| ProcessOn免费在线作图,在线流程图,在线思维导图 |
发给张同学,张同学看了之后,直呼:思维导图了解一下。我:???ER图你用思维导图画?亏你还是在学数据库原理呢,我无语
张同学突然发来一张图片,别别扭扭,没对齐问我怎么对齐,简单啊,大盒子flex,justify-content:center,小盒子flex,align-items:center,解决!但经过张同学的努力后还是没能将其居中,最终我拿到她的代码,哦,小盒子多套了个a标签,老子直接删了,从来不写a标签,问题解决!哈哈哈哈。。。
今天准备做抽奖页,先把盲盒的素材找找,找了半天找不到个盲盒,先用Ai做个盒子出来,奇丑无比,找到万能的李同学,大佬直接掏出AE,哦?难道要做视频?孤陋寡闻的我竟不知道AE啥都能干,最终使用的李同学做的盲盒图片,谢谢李同学。
劳动节放假回来开工了(其实我没回家,5天我也没闲着),也是遇到了个坑,在博客里记录了,scroll-view的坑
看见b站一位大佬(个人开发者)写的盲盒小程序,妙哉,既简单又好玩,干脆直接写这个,赶紧去跟张同学商量(通知)一下,张同学说着什么商家可选择不可选择,同意还是不能同意,审核还是不审核,好家伙听不懂,感觉需要很多个字段,管理好多状态,头晕,结束聊天
教张同学使用微信代码管理,貌似我也不太懂。。。
张同学做个热门搜索,我简单提了一下搜索后记录次数,首页显示根据次数排序后limit,但好像张同学不太满意,嘴里一堆大数据,人工智能,深度学习算法,不知其所云,估计是大佬段位太高臭弟弟我理解不了吧。。。
了解到跟我一起参赛的同学们都在闭关修炼,嗯,是单打独斗的味道。。
听张同学的建议,使用云开发的数据库,反正后端mysql也没动工。。。
体验到了微信小程序代码管理的快捷,add,commit,push,爽!
今天收到了张同学写的搜索页面,手动把代码加到自己的项目里,再把整个项目发给张同学,让她再重新导入。low到爆了。。。
忙着写首页的筛选、排序按钮,滚动到一定高度固定住菜单栏的业务,发现监听滚动条,到了固定数值给组件加个position:fixed属性不太好用,脱离文档流之后上边的元素都散架了,最终找到解决方案:position:sticky 粘性定位
估计是张老师受到什么鼓舞了,竟发给我一个完整的外卖小程序源码,(刚用小程序的我连入口函数在哪都找不到),追根溯源了几个钟头发现请求后端的URL指向了一个超级长的4级域名,点进去发现是个专门造小程序的网站,给你源码,后端接口他那边收费。我心想源码都给我了,我直接给你对接一个后台不就好了,内心一阵狂喜,实际对接才发现那个验证字段是真的多,算了,放弃。
经受了大佬的打击,我跟张同学说,咱这做下来也没什么亮点,全国奖就那么点,拿奖的几率渺茫啊,那换个项目?经过激烈的讨论,最终又灰溜溜的写外卖去了。。
昨天写好的页面发给张同学,张同学那边还得重新导入整个代码,感觉有点麻烦,不够优雅,脑子里突然冒出来个词:协同开发,好像git就是解决这个问题的,遂B站搜搜git,了解一下。
首页的logo对图片的要求倒是没什么,直接写源代码里了,但是当我遇到轮播图的时候,三张大图,一个两三兆,好家伙,微信代码量限制2M(好像是),超额了,当时觉得应该得放到服务器里做个外链,那就干吧,去找了个图床源码,传到服务器上,跑起来了,嗯,一切看似问题都解决了,接下来把生成的外链贴到小程序里,手机测试打开小程序,嗯?图片看不了,白屏。手动在微信打开图片试试,不给看,给我提示这个:
后续:
行,我买个域名行了吧,买的域名又去备案花了我好几天时间,现在图床网址是:Chevereto - Chevereto image hosting (foggy.shop),嗯,填上之后是能用了,但是这是学生机,超级慢,卡首页半天加载不出来,好,我把图片大小优化一下,几百KB了,嗯能用了。
后来了解到在微信小程序里可以直接用腾讯家的云存储的,自带的image标签支持直接写云存储的cloudid,最终没有选择用自己的图床,全程都是用的云存储。。。
对着美团外卖的页面抄了一天,硬是抄不出人家的那种感觉出来。一时糊涂的我竟然连阴影都不会写了,盒子上加个阴影调半天。感觉美团上的阴影没有偏斜角度,往四周发散的,效果很不错,背景灰色,卡片白色,带上点阴影,妙极了!
刚下载到微信小程序开发工具,认真阅读文档,了解到微信小程序的历史,在pages/index中写下了第一段代码,做了个搜索框出来,才发现人家的搜索框都是假的,就是一个按钮,点进去才是搜索页面。而我做的是直接在首页就能搜了,好傻好单纯。。。
以上描述均本人亲手打的,如有冒犯还请见谅
总结
-
翘了很多老师的课,对不起
-
代码写的很烂,好多功能不懂怎么复用,结构混乱,页面文件没有很好的归类,组件嵌套很深,传参麻烦到头晕呕吐
-
学到了团队之间怎么协作coding,只能算简单的push,merge吧,还得继续学
-
认识了vant组件库,动画漂亮,日历组件简洁大气,没有用到很可惜
-
熟悉了小程序开发
饿死了吃饭去了,老铁吃了没?