个人博客

2025-07-01 15:39:46
行业:内容平台
载体:网站
技术:Vue

业务背景

业务背景

随着前端技术栈快速迭代(如React/Vue3、TypeScript、WebAssembly)与开发者对知识沉淀的需求增长,个人技术博客成为展示技术深度、沉淀工程经验的核心载体。本项目聚焦构建一个轻量化、高性能、可扩展的前端技术博客系统,通过Markdown驱动内容生产、响应式适配多端、集成代码高亮与SEO优化,帮助开发者高效输出技术见解,同时沉淀个人技术品牌。核心痛点解决:传统博客平台定制性差、性能冗余,而自建博客需平衡开发效率与用户体验。

功能介绍

从0-1搭建的博客项目,实现的功能包含登录、注册、发布文章、上传图片、主题切换等
·前端Vue3组合式API+动态路由,后端JWT鉴权,实现文章发布/评论/权限管理等功能
·使用Nodejs供接口处理前端请求的数据,文件上传模块使用multer,支持中文文件名处理,解决了中文乱码问题
·封装自定义Hooks,相同代码提取到公共的函数中,提升代码简洁性与可复用性
·二次封装Axios,处理用户登录和数据请求,提供统一的错误处理机制
·使用路由懒加载,添加骨架屏加载方式,优化页面加载功能,提高用户体验感

项目实现

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

示例图片视频


ゆきゆき
1天前活跃
方向: 前端-Web前端、前端-小程序、
交付率:100.00%
相似推荐
学生管理系统
学生管理系统的功能围绕学生从入学到毕业的全生命周期管理展开,同时兼顾教育机构内部各角色(如管理员、教师、学生、家长)的操作需求,通常包含以下核心模块及细分功能: ### 一、基础信息管理模块 该模块是系统的“数据中枢”,负责学生核心信息的集中存储与维护,确保信息的准确性和完整性。 - **学生信息录入与维护**: - 录入学生基本信息(姓名、性别、出生日期、身份证号、联系方式、家庭住址等)。 - 维护学籍信息(学号、入学年份、班级、专业、学制、生源地、学籍状态等,如“在读”“休学”“毕业”)。 - 支持信息批量导入(通过Excel模板)、单个修改、历史记录查询(如信息变更日志)。 - **班级/年级管理**: - 创建或解散班级、年级,关联班主任信息。 - 调整学生班级归属(如升班、转班),自动更新班级成员列表。 ### 二、学籍管理模块 针对学生学籍的全流程动态管理,满足教育部门对学籍规范化的要求。 - **入学登记**: - 新生报名信息采集(含录取通知书编号、报到材料审核状态)。 - 生成唯一学号,完成学籍注册,同步至上级教育部门学籍系统(如中小学对接“全国学籍系统”)。 - **学籍变动处理**: - 转学(转入/转出):记录转学原因、接收学校信息,生成转学证明,更新学籍状态。 - 休学/复学:登记休学原因、时间,复学后恢复正常学籍,自动衔接学业进度。 - 退学/开除:记录原因,注销学籍,留存档案备查。 - **毕业管理**: - 毕业资格审核(核对学分、成绩、奖惩记录等是否达标)。 - 生成毕业证书编号,打印毕业生名册,归档毕业信息。 ### 三、教学管理模块 衔接教学环节,实现学生与课程、成绩的关联管理。 - **课程管理**: - 维护课程信息(课程名称、代码、学分、学时、授课教师、适用年级/专业)。 - 按学期/学年发布课程表,支持学生查询个人选课计划。 - **选课管理**: - 学生在线选课(含限选、任选课程),系统自动校验选课资格(如先修课程要求)。 - 显示课程余量,冲突检测(避免同一时间选多门课),选课结果公示。 - **成绩管理**: - 教师录入/导入学生成绩(期中、期末、平时成绩),系统自动计算总分、平均分、排名。 - 支持成绩修改审核(需管理员或教研组长审批),学生在线查询个人成绩及班级排名(权限可配置)。 - 成绩分析功能(如单科成绩分布图表、学生成绩波动趋势),为教学改进提供数据。 ### 四、日常管理模块 处理学生在校期间的日常事务,提升管理效率。 - **考勤管理**: - 教师在线登记考勤(迟到、早退、旷课),支持与课堂签到设备(如人脸识别、打卡机)数据同步。 - 自动统计学生出勤情况(如月度出勤率),向班主任、家长
电商小程序
1. 功能模块: - 商品展示:支持“分类筛选(按美妆品类/功效 )”“热门推荐(基于用户浏览/购买数据 )”,商品页嵌入“成分解析”“用户评价”模块,降低决策成本; - 营销玩法:配置“限时秒杀”(后台设置活动时间、库存 )、“积分商城”(积分抵现/兑换小样 ),关联公众号推送活动提醒; - 交易闭环:打通微信支付/支付宝,支持“货到付款”(特定商品 ),订单页可追踪物流、发起售后,接入“客服IM”实时答疑。 2. 核心流程:用户浏览商品→加入购物车/直接购买→参与营销活动(如凑单满减 )→支付完成→推送订单进度→引导评价/积分领取,形成“浏览 - 购买 - 复购”完整链路
电商售卖小程序
功能模块: 农产品专区:展示当季新鲜蔬果、粮油副食等,支持按品类(如蔬菜、水果、粮油 )筛选,可查看商品产地、规格、价格,提供批量采购优惠; 百货商城:涵盖家居用品、个护清洁、日用小百货等,分类清晰,支持搜索查找,定期推出新品、爆款推荐; 通用功能: 购物车:支持多商品合并结算,可修改商品数量、删除商品; 订单管理:用户可查看待付款、待发货、待收货、已完成订单,支持订单查询、售后申请; 地址管理:添加、编辑收货地址,支持设置默认地址 。 对消费者,实现一站式采购农产品与百货,价格实惠、配送便捷;对农户 / 供应商,拓宽销售渠道,增加销量 。 主要功能路径: 消费者:打开小程序 → 首页浏览「热门农产品」「百货特惠」→ 点击商品查看详情(含规格、价格、用户评价 )→ 加入购物车 / 直接购买 → 确认收货地址、选择支付方式 → 完成支付; 农户 / 供应商:登录后台 → 商品管理模块上传 / 编辑商品信息(如农产品的品类、库存,百货的品牌、规格 )→ 订单管理模块处理订单发货、售后 。
tb数据采集
解决了获取数据的参数逆向解密 使用分布式爬虫,解决同ip的多线程爬取的限制 使用redis的临时存储,提高采集存储效率 使用生产-消费的队列机制,可以防止重复采集,漏采,以及中断后继续采集 提供查询数据,调取数据的功能
企业福利平台
(一)具体功能模块及使用者功能​ 商品展示模块:为员工呈现丰富多样的福利商品,包括电子产品、生活用品、食品等。员工可通过分类筛选、关键词搜索快速定位心仪商品,查看商品详情、图片、规格参数及用户评价,全方位了解商品信息,以便做出选择。​ 用户中心模块:员工可在此管理个人信息,如收货地址、联系方式等;查看订单状态,实时掌握福利商品的发货、物流及收货情况;管理收藏夹,将感兴趣的商品添加收藏,方便后续查看和购买。​ 购物车模块:员工可将心仪商品加入购物车,自由调整商品数量,进行多商品合并结算,同时还能查看购物车商品总价,为结算提供便利。​ 订单结算模块:支持企业统一账户支付,员工确认订单信息无误后,一键完成支付流程,快速便捷地完成福利商品采购。​ 积分管理模块:员工通过完成企业设定的任务、参与活动等方式获取积分,积分可用于兑换商品或抵扣部分订单金额,增加员工参与积极性和购物乐趣。​ 消息通知模块:及时向员工推送商品上新、优惠活动、订单状态变更等重要信息,确保员工不错过任何福利相关动态。​ (二)主要功能路径描述​ 员工登录企业内部福利商城小程序或网页端,进入首页后,可通过搜索栏或分类导航进入商品展示模块挑选商品。选中商品后,可选择加入购物车或直接结算。若选择加入购物车,后续可在购物车模块统一结算;结算时进入订单结算模块,确认订单信息和支付方式后完成支付。支付成功后,可在用户中心模块查看订单状态。此外,员工还能在用户中心管理个人信息、查看积分情况,通过积分管理模块兑换商品或抵扣订单。同时,消息通知模块会在关键节点推送相关消息,方便员工随时了解福利商城动态
帮助文档   Copyright @ 2021-2024 程序聚合 | 浙ICP备2021014372号
人工客服