前端

这是一款便捷的医疗预约小程序，主要面向患者用户。小程序端设有首页、登录注册和核心的科室医生预约功能，患者可直观查看各科室医生及其排班，并自主选择时间完成预约。后台管理系统供医院内部使用，核心功能是医生排班管理（增删改查）以及对所有预约记录的集中管理与维护（增删改查），从而实现预约资源的数字化高效管理

本系统是一个基于 Flask 和 SQLite 的网络流量监控与告警平台，支持实时数据包捕获、协议分析、异常检测、可视化统计和多用户管理。适用于校园、企业、实验室等场景的网络安全与运维监控。 --- ## 功能特性 - **实时流量监控** - 支持 TCP/UDP/ICMP 等协议数据包捕获与解析 - 记录源/目标 IP、端口、协议、包长、Flags、TTL、MAC 地址等详细信息 - 实时流量趋势、活跃连接统计 - 支持大流量分页与高效查询 - **智能告警管理** - 支持高流量、异常端口等多种告警类型 - 告警记录包含类型、描述、源/目标 IP、端口、协议、级别、分类、状态等 - 支持告警状态流转（活动/已解决）、历史追溯 - **数据可视化** - 仪表盘展示总包数、总流量、活跃连接、告警数量等核心指标 - 流量趋势折线图、协议分布统计 - 响应式前端，支持多终端访问 - **多用户与权限管理** - 支持管理员与普通用户角色 - 用户注册、登录、密码加密存储、重置与删除 - 管理员可管理所有用户 --- ## 技术栈 - **后端框架**：Flask 2.0.1 - **数据库**：SQLite - **ORM**：Flask-SQLAlchemy 2.5.1 - **前端**：Bootstrap 5.1.3、Chart.js、Bootstrap Icons - **依赖管理**：Werkzeug - **数据包采集**：tshark（Wireshark 命令行工具）

使用bootstrap进行网页布局，网页可响应式导航栏： 使用Bootstrap的navbar组件创建了深色导航栏 包含网站logo和6个导航链接（Bootstrap文档、Sass/Less教程等） 在移动设备上会自动折叠为汉堡菜单 右侧有登录按钮 页面标题区域： 显示"Bootstrap相关优质项目推荐"主标题 配有简短的描述文字 响应式卡片网格布局： 使用Bootstrap的栅格系统(col-xl-3等类)创建了7个项目卡片 每张卡片包含： 项目logo图片 项目名称(title) 简短描述(subtitle) 详细说明文本 布局会响应不同屏幕尺寸自动调整列数 技术特点： 完全基于Bootstrap 4.6框架构建 使用jQuery作为JavaScript依赖 采用了Bootstrap的卡片(Card)和网格系统(Grid)组件 实现了完美的响应式设计，适配从手机到桌面的各种设备 这个页面整体是一个静态的内容展示页，主要功能是展示与Bootstrap相关的优质前端项目信息，设计简洁清晰，导航结构明确。在不同显示器下打开，网页布局跟随网页显示器大小而变化

面向用户：该网站主要是面向企业级用户，向他们展示产品 技术栈 前端框架：采用Vue.js 2和Nuxt.js，确保网站具有高性能和快速响应能力。Vue.js的组件化开发模式使得代码更加模块化和易于维护，而Nuxt.js则提供了服务器端渲染（SSR）和静态站点生成（SSG）等功能，进一步优化了用户体验和SEO效果。 UI框架：使用Element UI，为网站提供了丰富的组件库和一致的设计语言。Element UI基于Vue.js 2开发，提供了大量预构建的UI组件，如表单、表格、弹窗等，帮助开发者快速构建美观且功能强大的用户界面。 优势特点 高效开发：借助Vue.js和Nuxt.js的高效开发特性，我们能够快速迭代和优化产品功能，确保企业用户能够及时获得最新的产品支持。 卓越性能：通过服务器端渲染和静态站点生成技术，我们的网站在加载速度和用户体验方面表现出色，能够满足企业级用户对性能的高要求。 一致设计：Element UI的组件库确保了网站界面的一致性和美观性，提升了用户的整体体验，使企业用户能够更加专注于业务操作。

工时管理系统，是一款轻量级工时记录和管理工具，包括项目管理，工时上报，工时日报，工时统计等功能。 工时管理系统可通过员工工时上报的方式，来记录项目所花费的工时，帮助企业进行项目工时统计、核算人工成本。实时、动态、真实的展示项目投入。 工时模块 1、我的工时：提交工时、查看详情、修改工时、我的工时、我的统计（填报率）。 2、我的周报：提交周报、查看详情、修改周报。 3、项目统计：项目日报、项目月报、项目日历、项目工时详情。 4、项目投入：项目成本、项目投入进度、项目工时总计、工时明细、项目详情等。 5、数据统计：工时统计、人员排行、阶段统计、工作内容统计。 6、人员填报率统计：人员填报率排名、填报详情。 7、项目归档：项目工时归档、项目成本归档。 8、项目成本：项目成本统计、项目成本明细。 管理模块 1、项目管理：创建项目、添加人员、工时设置、状态管理、删除项目。 2、业务管理：加班管理、节假日管理、工作类型管理、审核管理、归档管理。 3、成本管理：成本开关、岗位成本设置、人员成本设置。 4、组织管理：用户管理、角色管理、重置密码、批量删除。 5、职位管理：新增、修改、删除、批量删除等功能。

作为WEB数据库项目，完成了一个简单的交互式影评系统，实现了时光网的部分基本功能，为电影爱好者和专业影评撰写者提供一个*获取影片信息与高质量影评*、*撰写影评与阅读影评*的交流分享平台，界面友好，简单易用。 ● 前端：HTML5+CSS3+JavaScript，使用Bootstrap框架帮助搭建页面，通过jQuery简化JS操作过程并实现前后端交互 ● 后端：Python Flask框架 ● 数据库：Sqlite3，考虑迁移到MySQL数据库 ● 版本控制：Git / Github