1、考拉会务管理系统
项目地址:https://koalahuiyi.com
项目主要作为线下线上会务活动统一处理安排提供管理服务。功能模块包括会议创建、注册通道配置、短信配置、门票配置、人员签到、胸卡打印以及微站、日程模块等。
采用sass结构部署,面向B端,面相租户。
总体基于SpringBoot + MongoDB + vue + elemement-plus 进行开发 ,使用Redis进行项目 优化 ,使用git和maven进行版本控制和项目管理 ,使用linux+nginx进行项目部署。
2、图片制作网站
项目地址:https://huatuya.com
利用canvas来进行图片的裁剪、重绘、拼接以及修饰。
3、json格式化网站
项目地址:https://jsonnew.com
采用vue3+json插件实现json在线格式化功能,还包括在线导入、导出excel,excel与json的互转等
使用到了vue 相关的第三方API
4、技术网站论坛
项目地址:https://daimane.com
主要使用到了js+css+html等原生前端技术
1)、利用富文本tinymce来实现网页创建和部署;
2)、记录了一些日常开发遇到的问题,以及学习日志等;
技术实现
1)、采用dom原生js框架技术来进行动态页面渲染,包括动态生成文章目录、锚点、动态生成文章菜单、动态进行数据渲染等
2)、充分利用css3和html5对页面进行布局美化和优化,如flex布局和粘性布局
3)、自定义实现了加载效果、登录框、收藏框、在线文章搜索等样式和功能
4)、结合后端springboot+mogo+redis技术实现登录、注册、创建收藏集、给文章点赞、收藏文章、获取文章列表等功能
5)、通过浏览器缓存sessionStorage技术存储登录信息,若无登录则无法进行相关操作
5、低代码平台
项目地址:https://itlifetime.com
一款简单而实用的代码辅助开发平台,能够减少程序员在开发中的部分重复工作,也是一个程序员交流平台。
其功能包括:表单创建、代码生成、系统模块搭建等等
用到的组件包括:java+mysql+mongodb+vue3+element-plus等
6、uniapp
两个线上运行的小程序:【起名帮手大全 】、【百科小工具】
两个小程序功能都比较简单,一个是在线起名,一个是各类小工具。
unipp基于vue2,因此整个项目也是基于vue2开发。
其中功能模块包括数据仓库vuex、路由页面、工具类以及静态图片等。
通过2个小程序也掌握并运用了一些小程序开发规则,并能够独立开发部署。
7、昆山好孩子商贸公司
公司性质为电商行业,业务场景包括基础数据维护、高并发场景的应对等,主要负责日常业务接口开发,与前端对接。
公司的整体业务架构为zk+dubbo+rocketMQ+mycat+spring来做分布式业务架构;
mysql+orcale为数据库;
使用zk+dubbo作为注册中心,将服务按功能拆分为订单系统、消息系统、商品系统以及用户系统等模块;
使用redis作为缓存数据库,来处理热点数据,提高数据库承载能力;
采用rocketMQ来作为消息中间件,主要是来进行流量削峰,在促销如双11时,效果明显;
由于数据量庞大,qps达到千万级,因此采用mycat来进行分库分表,提高数据库承载能力,减少数据库压力;
业务系统拆分为订单、用户、购物车、促销、物流等不同的系统模块,彼此之间相互隔离,并提供对外服务