1。前言好久没有更新了。2018年已经结束,2019年已经开始。为了给2018画个圆满的句号,我决定在新年前完成。写一个总结。看过我文章的朋友可能知道还有一个小程序《校友足迹》,《校友来了》是《校友足迹》的升级版。我在原来的基础上增加了校友圈功能。通过《校友来了》不仅可以看到校友分布,同时可以和同城校友交流,查看校友名片等,让《校友来了》不仅是一个工具,更是一个发现和交流的圈子同城校友。初心《校友来了》旨在帮助更多同城校友交流,在这里你可以找到新的机会,新的朋友,甚至帮助你找到你的另一半!《校友来了》也是帮助你扩大社交圈的好工具。在家靠父母,出门靠朋友。朋友也是同一所学校的校友。身在异乡的这座城市,你会有更多的温暖。心得2.AlumniFootprint1.0关于《校友足迹》1.0,可以查看我之前的文章mpvue小程序《校友足迹》成长笔记(一)3.升级原因《校友足迹》发布了一段时间,一直打算升级一些新的功能让它不再那么单一,但是由于工作繁忙,一直搁置。直到有一次,一位看了我在公众号上文章的朋友留言说想聊聊我的《校友足迹》,让我萌生了重新升级《校友足迹》的想法。正好这段时间工作不是很忙,就利用业余时间说到做到,一次性升级。4.新功能4.1校友圈校友圈是本次最大的升级。基于《校友足迹》的思考,同城校友圈是我最想做的功能。每个城市的校友来自不同的圈子。你发的话题只有同城校友才能看到,这也符合圈子的定义。既然是圆,就不能太大,要细一些。同时,顶部Banner栏目也做了公私化的划分,根据机构和城市展示不同的轮播图。这也是为了帮助各大高校做宣传,因为举办校友聚会的时候并不是所有的校友都能看到新闻,一些老校友也失去了联系。通过这个宣传门户,可以让更多的同城校友看到新闻。4.2.校友名片点击昵称或头像即可查看校友名片。本页面展示同城校友基本信息。由于小程序没有打开直接添加微信好友的界面,校友需要完善个人信息后返回微信界面点击复制添加。虽然操作方法比较复杂,但目前只能采用这种方法。但是,手机号码可以直接保存到通讯录中。4.3个人中心个人中心主要是个人信息的基本展示和修改,以及自己发表过的话题、话题相关的评论、点赞通知等。由于话题功能需要用户的基本信息,所以需要在这里授权你的昵称和头像信息。不用担心隐私问题,因为小程序的授权只有基本头像和昵称,没有隐私信息。4.4消息中心消息中心主要分为个人消息和系统公告通知。个人消息可以接收对自己发布的话题的点赞和评论。4.5校友足迹页面升级改版原来的足迹页面比较简单乏味。经过无数次的设计修改,新版整体风格更上一层楼(O(∩_∩)O哈哈~),分享后也是格调十足,目前只展示了前三名的城市。下载按钮可以生成本页图片,方便您分享到朋友圈,聊天是直接进入校友圈的入口。说到技术,远比最初想象的要难,从mysql数据库表的设计,到node和express业务逻辑的拆分,数据封装和接口的统一,一直到展示mpvue的前端页面,以及mysql数据库查询的优化,redis缓存的使用,JWT接口权限的校验,小程序的挖掘,接口设计的优化,这段时间都经历过。学到了很多新东西,复习了很多以前的知识。它是一个伪节点全栈项目。技术详解我会另开一篇文章,既作为分享交流,也作为本项目的一个技术总结。感兴趣的可以继续关注。这是一个目录结构。前端mpvue+flyio+vuex+stylus+echartsmpvuempvue是一个使用Vue.js开发小程序的前端框架。该框架基于Vue.js核心,mpvue修改了Vue.js的运行时和编译器实现,使其可以在小程序环境中运行,从而为小程序开发引入了一整套Vue.js开发经验。vuexVuex是专门为Vue.js应用开发的状态管理模式。它使用集中存储来管理应用程序所有组件的状态,并使用相应的规则来确保状态以可预测的方式变化。flyio是一个基于Promise,请求转发,强大的http请求库,支持所有JavaScript运行环境。它允许您在多端最大限度地重用代码。mpvue-echartsECharts的Mpvue小程序版本。开发者可以通过熟悉的ECharts配置方式和Vue语法快速开发图表,满足各种可视化需求。stylusCSS预处理框架,stylus为CSS增加了可编程的特性,也就是说,在stylus中,你可以使用变量、函数、判断、循环来编写样式文件,执行这组操作之后,这个文件可以编译成一个CSS文件后端服务mysql+redis+node(express+superagent+jsonwebtoken+crypto+ioredis+mysql+pm2)mysql数据库管理系统redisRedis是一个用ANSIC语言编写的开源数据库,支持网络、基于内存和持久化日志类型,Key-Value数据库,提供多种语言的API。它常被称为数据结构服务器,因为值(value)可以是字符串(String)、散列(Map)、列表(list)、集合(sets)和有序集合(sortedsets)等类型。expressExpress是一个灵活的Node.jsWeb应用程序开发框架,保持最小化,为Web和移动应用程序提供一组强大的功能。superagentsuperagent是一个轻量级的渐进式ajaxapi,具有良好的可读性和低学习曲线。内部依赖nodejs原生请求api,适用于nodejs环境。jsonwebtokenJSONWebToken(简称JWT)是目前最流行的跨域认证解决方案crypto加密模块,目的是提供通用的加密和哈希算法。用纯JavaScript代码实现这些功能也不是不可以,但是会很慢。Nodejs将这些算法用C/C++实现后,通过cypto模块暴露为JavaScript接口,使用方便,运行速度快。ioredis是一款功能强大、功能齐全的Redis客户端mysqlmysqlnode.js驱动pm2pm2是一个节点进程管理工具,可以用来简化节点应用管理的很多繁琐工作,比如性能监控,自动重启,负载均衡,等,使用起来非常方便。最后,如果您对这个小程序感兴趣,可以分享到朋友圈,让更多校友了解《校友来了》,让同城校友圈子越来越大。同时,如果您有更好的想法或想法,欢迎在下方留言交流。如果贵校有校友会相关宣传需求,请与我联系,我将为贵校免费宣传。
