创建OpenGauss库可以指定兼容类型吗？默认好像是兼容Oracle的，新增非空字段并设置默认''会失败 

基于华为开发者空间云开发环境和GaussDB数据库—员工工资管理系统实战案例介绍本案例基于 华为开发者空间 提供的云开发环境和 GaussDB数据库，模拟企业员工工资管理的场景。通过创建员工信息表，结合SQL语句实现 员工数据的新增、查询、修改、删除 以及 工资的统计与分析，帮助初学者快速掌握数据库在实际业务中的应用。与传统本地环境相比，开发者空间提供了 在线IDE 与 一键连接数据库 的能力，使得数据库实验不再依赖本地环境配置，极大地方便了学习与实践。案例内容环境准备：在华为开发者空间创建GaussDB数据库实例并完成连接配置。表结构设计：创建员工信息表（包含ID、姓名、部门、年龄、工资等字段）。基础操作：通过SQL语句实现增、删、改、查操作。统计分析：利用聚合函数实现工资平均值、最高工资、部门工资总和等简单统计。应用拓展：结合业务场景，模拟人力资源对员工数据的日常管理。一、概述1.1 案例介绍在企业管理中，员工工资信息属于核心数据之一。人力资源部门需要经常执行数据的 新增、修改、删除，并进行各种 统计分析。本案例通过一个 员工工资管理系统雏形，演示如何使用GaussDB数据库完成以下功能：创建员工表，保存员工的基本信息。插入员工数据，实现批量录入。查询员工工资信息。修改某位员工的工资。删除离职员工的信息。对工资数据进行统计（如平均值、最高值、总和）。通过本案例，读者不仅能够快速掌握数据库基础操作，还能模拟企业实际业务，理解数据库在生产中的应用价值。1.2 适用对象数据库初学者：想要快速上手SQL语句及数据库操作。在校学生：需要做数据库相关实验或课程设计。企业开发人员：希望了解GaussDB数据库在企业数据管理中的应用。科研人员/数据分析师：需要在安全可靠的环境中进行数据处理与分析。1.3 案例时间整体耗时：约 1-2小时（含环境准备与实验操作）。环境搭建：10-20分钟（创建GaussDB实例、配置连接）。表结构设计与创建：10分钟。数据增删改查练习：30分钟。工资统计与分析：20分钟。总结与拓展：10分钟。通过1-2小时的学习与动手实践，用户即可掌握 数据库表设计、SQL基础操作 以及 简单的数据分析。1.4 案例流程整个案例按照从环境准备到功能实现的逻辑展开，具体步骤如下：环境准备登录华为开发者空间，进入工作台。创建GaussDB数据库实例，配置数据库用户与密码。在云开发环境中通过gsql工具或在线IDE连接数据库。表结构设计创建员工信息表 EMPLOYEE，包含：员工ID、姓名、部门、年龄、工资等字段。数据操作（CRUD）新增（Insert）：插入员工基本信息和工资数据。查询（Select）：按条件查询员工工资、部门平均工资等。修改（Update）：调整员工工资或更新部门信息。删除（Delete）：删除离职员工数据。统计分析使用聚合函数（AVG、SUM、MAX、MIN）进行工资统计。统计各部门工资总额与平均工资，支持简单的人力资源分析场景。结果展示与总结在控制台输出SQL执行结果。分析数据库操作对实际业务的意义。1.5 资源总览为顺利完成本案例，需准备以下资源与环境：软件与工具华为开发者空间（DevCloud）GaussDB数据库实例（支持SQL标准语法）gsql命令行工具或在线IDE数据库表EMPLOYEE（员工表）ID：员工编号（主键）NAME：员工姓名DEPT：部门名称AGE：年龄SALARY：工资实验数据模拟若干员工数据（5-10条即可），覆盖不同部门与工资水平，便于后续统计分析。时间与技能要求实验时间：1-2小时技能要求：掌握基础SQL语句（SELECT、INSERT、UPDATE、DELETE）二、GaussDB云数据库领取与配置2.1 领取免费版GaussDB🎉 GaussDB在线试用版免费开放报名活动时间：2025年6月21日 - 2025年12月31日名额：限量1000个，先到先得！📌 报名流程：提交报名申请，1-3个工作日内完成审核并以短信通知结果。审核通过后，登录开发者空间工作台，即可看到 GaussDB免费试用 提示，点击“立即开通”即可体验。填写GaussDB数据库开通参数：虚拟私有云：进入控制台创建，直接使用默认参数即可。安全组：选择默认安全组。管理员密码：自行设置并妥善保存，后续连接数据库时需使用该密码。绑定弹性公网IP（EIP）如果需要远程访问数据库，必须绑定 公网EIP（EIP需购买，按需计费 0.33 元/小时）。操作方法：点击数据库实例名称，进入 GaussDB基本信息 页面进行绑定。登录GaussDB登录结果如下三、员工工资管理系统实战这是一个基于Flask和GaussDB开发的员工工资管理系统，提供员工信息的管理、工资数据的统计分析等功能。系统采用前后端分离的架构，前端使用HTML、JavaScript和CSS，并结合Tailwind CSS提供现代化的用户界面。3.1新建GaussDB数据库在连接好 GaussDB 数据库后，第一步就是创建 员工信息表，用于存储员工的基本信息和工资数据。数据库配置创建数据库CREATE DATABASE employee_db; 创建用户CREATE USER postgres WITH PASSWORD 'your_password'; GRANT ALL PRIVILEGES ON DATABASE employee_db TO postgres; 修改app.py中的数据库连接配置DB_CONFIG = { 'host': 'xxx', #已删除，替换为自己的地址 'port': '5432', 'database': 'employee_db', 'user': 'postgres', 'password': '123456' } SQl为：CREATE TABLE EMPLOYEE ( ID INT PRIMARY KEY NOT NULL, NAME VARCHAR(50) NOT NULL, DEPT VARCHAR(50) NOT NULL, AGE INT, SALARY DECIMAL(10,2), JOIN_DATE DATE ); 字段名数据类型说明约束IDINT员工编号主键，唯一，不为空NAMEVARCHAR(50)员工姓名不为空DEPTVARCHAR(50)所属部门不为空AGEINT年龄可为空SALARYDECIMAL(10,2)工资可为空JOIN_DATEDATE入职日期可为空ID 设置为主键，保证每位员工编号唯一。SALARY 类型为 DECIMAL(10,2)，可存储带两位小数的工资金额。JOIN_DATE 可用于后续统计员工入职时间或计算工龄。表结构设计简单明了，满足基本工资管理需求，同时便于后续扩展功能（如部门统计、入职年份分析等）。3.2 增加员工在员工表 EMPLOYEE 创建完成后，可以通过 INSERT 语句 将员工信息录入数据库。-- 插入单条员工记录 INSERT INTO EMPLOYEE (ID, NAME, DEPT, AGE, SALARY, JOIN_DATE) VALUES (1, '张三', '研发部', 28, 8500.00, '2023-06-15'); -- 插入多条员工记录 INSERT INTO EMPLOYEE (ID, NAME, DEPT, AGE, SALARY, JOIN_DATE) VALUES (2, '李四', '财务部', 32, 9000.00, '2022-03-10'), (3, '王五', '市场部', 26, 7200.00, '2024-01-05'), (4, '赵六', '研发部', 30, 8800.00, '2021-11-20'); 单条插入：适合录入单个员工信息。批量插入：适合一次性录入多名员工，效率更高。字段顺序：INSERT INTO 中列出的字段顺序需与 VALUES 中的值顺序对应。数据类型匹配：确保每列数据类型与表设计一致（如工资为 DECIMAL、年龄为 INT）。效果图如下3.3 编辑员工在员工信息录入完成后，企业往往需要根据实际情况 调整员工信息，例如修改工资、部门或者姓名。打开员工工资管理系统或连接到数据库。选择需要编辑的员工，例如按 员工ID 或 姓名 查找目标员工。在编辑界面或命令行中修改对应字段，例如：调整工资更新部门更正姓名或年龄信息提交修改后，系统会提示操作成功。效果图如下3.4 删除员工在员工管理过程中，当员工离职或信息需要清理时，可以通过 删除功能 将员工记录从数据库中移除。打开员工工资管理系统或连接到数据库。按 员工ID 或 姓名 查找需要删除的员工记录。选择 删除操作，确认删除。系统会提示删除成功，员工信息从数据库中彻底移除。3.5 工资统计在员工工资管理系统中，除了日常的增删改查操作，企业还需要对工资数据进行 统计与分析，帮助管理层做决策。打开系统的 工资统计模块 或通过数据库查询工资信息。可根据不同需求选择统计维度，例如：全公司统计：平均工资、最高工资、最低工资、工资总额。部门统计：按部门计算平均工资、部门总工资。员工个体：查看某位员工的工资历史或变化趋势。系统会根据选择的统计条件生成结果，并可通过表格或图表展示。四.总结本案例通过 华为开发者空间云开发环境 与 GaussDB数据库，完整演示了一个员工工资管理系统的设计与实现流程。通过动手实践，读者能够深刻理解和掌握数据库在企业业务中的应用价值。总结如下几点：快速上手数据库操作利用GaussDB提供的云环境，省去了本地环境配置的繁琐步骤。通过创建数据库和表、执行增删改查操作，初学者可以快速掌握SQL基础语法和数据库管理流程。业务场景模拟能力提升模拟企业员工管理场景，包括员工信息录入、修改、删除及工资统计分析。通过统计功能（如平均工资、部门总工资），能够理解数据库在实际业务决策中的作用。数据管理规范与安全意识设置主键保证员工ID唯一性，使用合适的数据类型存储工资、年龄等信息，培养规范化的数据管理意识。云环境与权限管理让用户体验到数据库安全性的重要性。可拓展性与实践价值表结构设计简洁明了，同时支持后续扩展，如增加考勤管理、绩效评价、入职年份分析等模块。对初学者来说，这是一个从理论到实践的完整案例；对企业开发人员来说，也能借鉴该流程搭建基础管理系统。总之，通过本案例，用户不仅掌握了 SQL操作与数据库管理基础，还能够在实际业务场景中应用所学知识，为进一步开发更复杂的企业管理系统奠定坚实基础。✅ 实践建议：完成本案例后，可以尝试增加更多功能模块，如员工绩效统计、工资趋势图分析，进一步提升数据库应用能力。我正在参加【案例共创】第6期 开发者空间-基于云开发环境和GaussDB构建应用 https://bbs.huaweicloud.com/forum/thread-0229189398343651003-1-1.html

案例介绍本案例指导开发者如何免费领取并使用GaussDB云数据库完成企业级电商订单分析系统开发。案例内容一、概述1. 案例介绍GaussDB是华为自主创新研发的分布式关系型数据库。该产品支持分布式事务，同城跨AZ部署，数据0丢失，支持1000+的扩展能力，PB级海量存储。同时拥有云上高可用，高可靠，高安全，弹性伸缩，一键部署，快速备份恢复，监控告警等关键能力，能为企业提供功能全面，稳定可靠，扩展性强，性能优越的企业级数据库服务。本案例指导开发者如何免费领取并使用GaussDB云数据库完成企业级电商订单分析系统开发。华为开发者空间是为全球开发者打造的专属开发者空间，致力于为每位开发者提供一台云主机、一套开发工具和云上存储空间，汇聚昇腾、鸿蒙、鲲鹏、GaussDB、欧拉等华为各项根技术的开发工具资源，并提供配套案例指导开发者 从开发编码到应用调测，基于华为根技术生态高效便捷的知识学习、技术体验、应用创新。本案例以某电商企业订单处理系统升级为背景，基于华为云GaussDB构建高并发、高可靠、高安全的订单分析系统。系统需要满足以下核心需求：实时处理能力：支持每秒1000+订单写入，毫秒级查询响应数据持久性：实现跨AZ容灾，RPO=0，RTO<10秒安全合规：满足等保三级要求，支持国密算法加密弹性扩展：支持按需扩缩容，适应大促期间流量波动2. 适用对象个人开发者高校学生3. 案例时间本案例总时长预计60分钟。4. 案例流程说明：GaussDB云数据库领取与配置；GaussDB云数据库的连接使用；释放资源。二、技术架构设计2.1 架构拓扑   2.2 核心组件GaussDB数据库：采用GaussDB云数据库OBS存储：存储原始日志和备份数据DMS服务：实现订单消息的可靠传输实时分析模块：基于GaussDB的HTAP能力实现实时聚合三、开发实施步骤3.1 环境准备1. 创建GaussDB云数据库参考案例：华为开发者空间-GaussDB云数据库领取与使用指导# 通过华为云控制台创建分布式实例 规格选择：gaussdb.opengauss.xe.dn.s6.xlarge.x864.ha 配置参数： - 存储类型：企业级SSD - 安全组：开放3306端口（仅允许应用服务器IP访问） - 高可用模式：同城跨AZ部署 进入开发工具（可以看见已经创建好的实例，没有的话我们新建一个）。 创建实例。 点击立即创建。  开通云数据库GaussDB  第一次开通会弹出DAS产品隐私说明提示，点击同意并继续。    找到我们创建的数据库实例。然后登录。可以选择已有连接登录或自定义登录。 登录后进入首页，可以自由新建我们的用户数据库。    进入后可以查看库管理界面。 2. 配置OBS存储桶# 创建专用存储桶 桶名：ecommerce-logs 权限设置：私有（仅GaussDB实例可访问） 生命周期策略：30天后自动转冷存储 3. 初始化数据库-- 创建订单核心表 CREATE TABLE orders ( order_id BIGINT PRIMARY KEY, user_id BIGINT NOT NULL, order_time TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP, total_amount DECIMAL(12,2), status VARCHAR(20) CHECK (status IN ('pending','paid','shipped','completed')) ) WITH (orientation = column, compression = medium); -- 创建时间序列索引 CREATE INDEX idx_order_time ON orders USING BRIN (order_time);优化后的GaussDB建表语句及配套SQL：-- 创建订单核心表（企业级优化版） CREATE TABLE orders ( order_id BIGINT PRIMARY KEY, user_id BIGINT NOT NULL, order_time TIMESTAMP WITH TIME ZONE DEFAULT CURRENT_TIMESTAMP, total_amount DECIMAL(12,2), status VARCHAR(20) CHECK (status IN ('pending','paid','shipped','completed')), -- 审计字段 created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ) PARTITION BY RANGE (order_time) INTERVAL ('1 MONTH') ( PARTITION p202508 VALUES LESS THAN ('2025-09-01'), PARTITION p202509 VALUES LESS THAN ('2025-10-01') ) WITH ( orientation = row, -- 行存储更适合OLTP场景 encryption = 'sm4', -- 国密算法加密 storage_policy = 'HOT' -- 冷热数据分离 ); -- 创建复合索引 CREATE INDEX idx_orders_user_status ON orders(user_id, status); CREATE INDEX idx_orders_time ON orders(order_time); -- 配置审计策略 CREATE AUDIT POLICY order_audit FOR SELECT, INSERT, UPDATE, DELETE ON orders WHERE total_amount > 10000; -- 审计大额交易 -- 配置自动备份策略 ALTER TABLE orders SET ( autovacuum_enabled = true, timescaledb.compress, timescaledb.compress_orderby = 'order_time', timescaledb.compress_segmentby = 'user_id' ); 扩展后的多表创建及批量插入数据的SQL示例：---------------开始执行--------------- -- 创建用户表 CREATE TABLE users ( user_id BIGINT PRIMARY KEY, username VARCHAR(50) NOT NULL, email VARCHAR(100) UNIQUE NOT NULL, phone VARCHAR(20), register_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP, vip_level INT DEFAULT 0, status VARCHAR(10) DEFAULT 'active' CHECK (status IN ('active', 'inactive', 'banned')) ); -- 创建商品分类表 CREATE TABLE categories ( category_id INT PRIMARY KEY, category_name VARCHAR(100) NOT NULL, parent_id INT DEFAULT 0, level INT DEFAULT 1 ); -- 创建商品表 CREATE TABLE products ( product_id BIGINT PRIMARY KEY, product_name VARCHAR(200) NOT NULL, category_id INT NOT NULL, price DECIMAL(12,2) NOT NULL, stock_quantity INT DEFAULT 0, status VARCHAR(10) DEFAULT 'active' CHECK (status IN ('active', 'inactive', 'deleted')), CONSTRAINT fk_category FOREIGN KEY(category_id) REFERENCES categories(category_id) ); -- 创建订单核心表 CREATE TABLE orders ( order_id BIGINT PRIMARY KEY, user_id BIGINT NOT NULL, order_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP, total_amount DECIMAL(12,2), status VARCHAR(20) CHECK (status IN ('pending','paid','shipped','completed','cancelled')), payment_time TIMESTAMP, shipping_address TEXT, CONSTRAINT fk_user FOREIGN KEY(user_id) REFERENCES users(user_id) ); -- 创建订单明细表 CREATE TABLE order_items ( order_item_id BIGINT PRIMARY KEY, order_id BIGINT NOT NULL, product_id BIGINT NOT NULL, quantity INT NOT NULL CHECK (quantity > 0), price DECIMAL(12,2) NOT NULL, subtotal DECIMAL(12,2), CONSTRAINT fk_order FOREIGN KEY(order_id) REFERENCES orders(order_id), CONSTRAINT fk_product FOREIGN KEY(product_id) REFERENCES products(product_id) ); -- 创建支付表 CREATE TABLE payments ( payment_id BIGINT PRIMARY KEY, order_id BIGINT NOT NULL, payment_method VARCHAR(20) NOT NULL, payment_amount DECIMAL(12,2) NOT NULL, payment_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP, payment_status VARCHAR(20) DEFAULT 'success' CHECK (payment_status IN ('pending', 'success', 'failed', 'refunded')), transaction_id VARCHAR(100), CONSTRAINT fk_order_payment FOREIGN KEY(order_id) REFERENCES orders(order_id) ); -- 创建物流表 CREATE TABLE logistics ( logistics_id BIGINT PRIMARY KEY, order_id BIGINT NOT NULL, shipping_company VARCHAR(50), tracking_number VARCHAR(100), shipping_time TIMESTAMP, delivery_time TIMESTAMP, status VARCHAR(20) DEFAULT 'pending' CHECK (status IN ('pending', 'shipped', 'in_transit', 'delivered', 'failed')), CONSTRAINT fk_order_logistics FOREIGN KEY(order_id) REFERENCES orders(order_id) ); -- 创建用户行为日志表（用于分析） CREATE TABLE user_behavior_logs ( log_id BIGINT PRIMARY KEY, user_id BIGINT NOT NULL, action_type VARCHAR(20) NOT NULL CHECK (action_type IN ('view', 'click', 'add_to_cart', 'purchase', 'search')), product_id BIGINT, action_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP, ip_address VARCHAR(45), device_info VARCHAR(200), CONSTRAINT fk_user_behavior FOREIGN KEY(user_id) REFERENCES users(user_id), CONSTRAINT fk_product_behavior FOREIGN KEY(product_id) REFERENCES products(product_id) ); -- 创建日销售汇总表 CREATE TABLE daily_sales_summary ( summary_date DATE PRIMARY KEY, total_orders INT NOT NULL DEFAULT 0, total_sales DECIMAL(15,2) NOT NULL DEFAULT 0, total_customers INT NOT NULL DEFAULT 0, avg_order_value DECIMAL(10,2) NOT NULL DEFAULT 0, last_updated TIMESTAMP DEFAULT CURRENT_TIMESTAMP );数据填充---------------开始插入数据--------------- -- 插入用户数据 INSERT INTO users (user_id, username, email, phone, register_time, vip_level, status) VALUES (1001, '张三', 'zhangsan@example.com', '13800138001', '2024-01-01 10:30:00', 1, 'active'), (1002, '李四', 'lisi@example.com', '13800138002', '2024-01-05 14:22:33', 2, 'active'), (1003, '王五', 'wangwu@example.com', '13800138003', '2024-01-10 09:15:20', 0, 'active'), (1004, '赵六', 'zhaoliu@example.com', '13800138004', '2024-01-15 16:45:10', 1, 'active'), (1005, '钱七', 'qianqi@example.com', '13800138005', '2024-01-20 11:20:05', 3, 'active'), (1006, '孙八', 'sunba@example.com', '13800138006', '2024-01-25 13:40:30', 0, 'inactive'), (1007, '周九', 'zhoujiu@example.com', '13800138007', '2024-02-01 08:55:12', 2, 'active'), (1008, '吴十', 'wushi@example.com', '13800138008', '2024-02-05 17:30:45', 1, 'active'), (1009, '郑十一', 'zhengshiyi@example.com', '13800138009', '2024-02-10 10:10:10', 0, 'active'), (1010, '王十二', 'wangshier@example.com', '13800138010', '2024-02-15 15:25:35', 2, 'banned'); -- 插入商品分类数据 INSERT INTO categories (category_id, category_name, parent_id, level) VALUES (1, '电子产品', 0, 1), (2, '手机', 1, 2), (3, '电脑', 1, 2), (4, '平板', 1, 2), (5, '服装', 0, 1), (6, '男装', 5, 2), (7, '女装', 5, 2), (8, '鞋帽', 5, 2), (9, '家居', 0, 1), (10, '家具', 9, 2), (11, '厨具', 9, 2), (12, '家纺', 9, 2); -- 插入商品数据 INSERT INTO products (product_id, product_name, category_id, price, stock_quantity, status) VALUES (2001, '华为Mate60 Pro', 2, 6999.00, 50, 'active'), (2002, 'iPhone 15 Pro', 2, 7999.00, 30, 'active'), (2003, '小米14', 2, 3999.00, 80, 'active'), (2004, 'MacBook Pro 16寸', 3, 18999.00, 20, 'active'), (2005, '联想拯救者Y9000P', 3, 9999.00, 40, 'active'), (2006, 'iPad Pro 12.9寸', 4, 9299.00, 25, 'active'), (2007, '男士纯棉T恤', 6, 99.00, 200, 'active'), (2008, '女士连衣裙', 7, 199.00, 150, 'active'), (2009, '运动鞋', 8, 299.00, 100, 'active'), (2010, '沙发', 10, 2999.00, 15, 'active'), (2011, '不粘锅套装', 11, 399.00, 60, 'active'), (2012, '四件套', 12, 499.00, 70, 'active'), (2013, '华为Watch GT4', 2, 1488.00, 45, 'active'), (2014, 'AirPods Pro', 2, 1899.00, 35, 'active'), (2015, '男士牛仔裤', 6, 159.00, 120, 'active'); -- 插入订单数据 INSERT INTO orders (order_id, user_id, order_time, total_amount, status, payment_time, shipping_address) VALUES (3001, 1001, '2024-01-15 10:30:45', 6999.00, 'completed', '2024-01-15 10:35:20', '北京市海淀区中关村大街1号'), (3002, 1002, '2024-01-16 14:22:33', 18999.00, 'shipped', '2024-01-16 14:25:10', '上海市浦东新区张江高科园区88号'), (3003, 1001, '2024-01-17 09:15:20', 398.00, 'paid', '2024-01-17 09:18:05', '北京市海淀区中关村大街1号'), (3004, 1003, '2024-01-18 16:45:10', 299.00, 'shipped', '2024-01-18 16:48:30', '广州市天河区体育西路123号'), (3005, 1004, '2024-01-19 11:20:05', 12997.00, 'completed', '2024-01-19 11:23:15', '深圳市南山区科技园南路456号'), (3006, 1005, '2024-01-20 13:40:30', 499.00, 'pending', NULL, '杭州市西湖区文三路789号'), (3007, 1006, '2024-01-21 08:55:12', 199.00, 'cancelled', NULL, '南京市鼓楼区中山路321号'), (3008, 1007, '2024-01-22 17:30:45', 9299.00, 'completed', '2024-01-22 17:33:20', '成都市武侯区天府大道555号'), (3009, 1008, '2024-01-23 10:10:10', 259.00, 'shipped', '2024-01-23 10:12:40', '武汉市江汉区建设大道222号'), (3010, 1009, '2024-01-24 15:25:35', 1488.00, 'paid', '2024-01-24 15:28:10', '西安市雁塔区科技路777号'), (3011, 1010, '2024-01-25 09:30:15', 7999.00, 'completed', '2024-01-25 09:33:05', '重庆市渝北区金开大道888号'), (3012, 1001, '2024-01-26 14:20:25', 1899.00, 'shipped', '2024-01-26 14:23:40', '北京市海淀区中关村大街1号'), (3013, 1002, '2024-01-27 11:15:30', 399.00, 'completed', '2024-01-27 11:18:20', '上海市浦东新区张江高科园区88号'), (3014, 1003, '2024-01-28 16:40:50', 2999.00, 'paid', '2024-01-28 16:43:35', '广州市天河区体育西路123号'), (3015, 1004, '2024-01-29 10:05:40', 9999.00, 'completed', '2024-01-29 10:08:15', '深圳市南山区科技园南路456号'); -- 插入订单明细数据 INSERT INTO order_items (order_item_id, order_id, product_id, quantity, price, subtotal) VALUES (4001, 3001, 2001, 1, 6999.00, 6999.00), (4002, 3002, 2004, 1, 18999.00, 18999.00), (4003, 3003, 2007, 2, 99.00, 198.00), (4004, 3003, 2015, 1, 159.00, 159.00), (4005, 3004, 2009, 1, 299.00, 299.00), (4006, 3005, 2001, 1, 6999.00, 6999.00), (4007, 3005, 2002, 1, 7999.00, 7999.00), (4008, 3006, 2012, 1, 499.00, 499.00), (4009, 3007, 2008, 1, 199.00, 199.00), (4010, 3008, 2006, 1, 9299.00, 9299.00), (4011, 3009, 2007, 1, 99.00, 99.00), (4012, 3009, 2015, 1, 159.00, 159.00), (4013, 3010, 2013, 1, 1488.00, 1488.00), (4014, 3011, 2002, 1, 7999.00, 7999.00), (4015, 3012, 2014, 1, 1899.00, 1899.00), (4016, 3013, 2011, 1, 399.00, 399.00), (4017, 3014, 2010, 1, 2999.00, 2999.00), (4018, 3015, 2005, 1, 9999.00, 9999.00); -- 插入支付数据 INSERT INTO payments (payment_id, order_id, payment_method, payment_amount, payment_time, payment_status, transaction_id) VALUES (5001, 3001, 'alipay', 6999.00, '2024-01-15 10:35:20', 'success', 'ALI202401151035201234'), (5002, 3002, 'wechat', 18999.00, '2024-01-16 14:25:10', 'success', 'WX202401161425101234'), (5003, 3003, 'credit_card', 357.00, '2024-01-17 09:18:05', 'success', 'CC202401170918051234'), (5004, 3004, 'alipay', 299.00, '2024-01-18 16:48:30', 'success', 'ALI202401181648301234'), (5005, 3005, 'wechat', 12997.00, '2024-01-19 11:23:15', 'success', 'WX202401191123151234'), (5006, 3008, 'credit_card', 9299.00, '2024-01-22 17:33:20', 'success', 'CC202401221733201234'), (5007, 3009, 'alipay', 258.00, '2024-01-23 10:12:40', 'success', 'ALI202401231012401234'), (5008, 3010, 'wechat', 1488.00, '2024-01-24 15:28:10', 'success', 'WX202401241528101234'), (5009, 3011, 'credit_card', 7999.00, '2024-01-25 09:33:05', 'success', 'CC202401250933051234'), (5010, 3012, 'alipay', 1899.00, '2024-01-26 14:23:40', 'success', 'ALI202401261423401234'), (5011, 3013, 'wechat', 399.00, '2024-01-27 11:18:20', 'success', 'WX202401271118201234'), (5012, 3014, 'credit_card', 2999.00, '2024-01-28 16:43:35', 'success', 'CC202401281643351234'), (5013, 3015, 'alipay', 9999.00, '2024-01-29 10:08:15', 'success', 'ALI202401291008151234'); -- 插入物流数据 INSERT INTO logistics (logistics_id, order_id, shipping_company, tracking_number, shipping_time, delivery_time, status) VALUES (6001, 3001, '顺丰速运', 'SF1234567890', '2024-01-15 14:30:00', '2024-01-16 10:15:00', 'delivered'), (6002, 3002, '京东物流', 'JD9876543210', '2024-01-16 16:00:00', '2024-01-17 14:20:00', 'delivered'), (6003, 3003, '中通快递', 'ZT1234567890', '2024-01-17 11:30:00', '2024-01-19 16:45:00', 'delivered'), (6004, 3004, '圆通速递', 'YT1234567890', '2024-01-18 18:00:00', '2024-01-20 11:30:00', 'delivered'), (6005, 3005, '顺丰速运', 'SF2345678901', '2024-01-19 13:00:00', '2024-01-20 15:40:00', 'delivered'), (6006, 3008, '京东物流', 'JD8765432109', '2024-01-22 19:30:00', '2024-01-23 16:20:00', 'delivered'), (6007, 3009, '中通快递', 'ZT2345678901', '2024-01-23 12:00:00', '2024-01-25 14:15:00', 'delivered'), (6008, 3012, '圆通速递', 'YT2345678901', '2024-01-26 16:00:00', NULL, 'in_transit'), (6009, 3014, '顺丰速运', 'SF3456789012', '2024-01-28 18:30:00', NULL, 'shipped'), (6010, 3015, '京东物流', 'JD7654321098', '2024-01-29 12:00:00', NULL, 'shipped'); -- 插入用户行为日志数据 INSERT INTO user_behavior_logs (log_id, user_id, action_type, product_id, action_time, ip_address, device_info) VALUES (7001, 1001, 'view', 2001, '2024-01-14 15:30:00', '192.168.1.101', 'iPhone14,1 iOS16.2'), (7002, 1001, 'view', 2002, '2024-01-14 16:15:00', '192.168.1.101', 'iPhone14,1 iOS16.2'), (7003, 1001, 'add_to_cart', 2001, '2024-01-14 16:30:00', '192.168.1.101', 'iPhone14,1 iOS16.2'), (7004, 1001, 'purchase', 2001, '2024-01-15 10:30:45', '192.168.1.101', 'iPhone14,1 iOS16.2'), (7005, 1002, 'view', 2004, '2024-01-15 13:20:00', '192.168.1.102', 'MacBookPro18,3 macOS13.1'), (7006, 1002, 'add_to_cart', 2004, '2024-01-15 13:45:00', '192.168.1.102', 'MacBookPro18,3 macOS13.1'), (7007, 1002, 'purchase', 2004, '2024-01-16 14:22:33', '192.168.1.102', 'MacBookPro18,3 macOS13.1'), (7008, 1001, 'view', 2007, '2024-01-16 20:15:00', '192.168.1.101', 'iPhone14,1 iOS16.2'), (7009, 1001, 'view', 2015, '2024-01-16 20:30:00', '192.168.1.101', 'iPhone14,1 iOS16.2'), (7010, 1001, 'add_to_cart', 2007, '2024-01-16 20:45:00', '192.168.1.101', 'iPhone14,1 iOS16.2'), (7011, 1001, 'add_to_cart', 2015, '2024-01-16 20:50:00', '192.168.1.101', 'iPhone14,1 iOS16.2'), (7012, 1001, 'purchase', NULL, '2024-01-17 09:15:20', '192.168.1.101', 'iPhone14,1 iOS16.2'), (7013, 1003, 'view', 2009, '2024-01-17 15:30:00', '192.168.1.103', 'Mi11 Android13'), (7014, 1003, 'add_to_cart', 2009, '2024-01-17 15:45:00', '192.168.1.103', 'Mi11 Android13'), (7015, 1003, 'purchase', 2009, '2024-01-18 16:45:10', '192.168.1.103', 'Mi11 Android13'), (7016, 1004, 'view', 2001, '2024-01-18 20:00:00', '192.168.1.104', 'iPad13,8 iPadOS16.2'), (7017, 1004, 'view', 2002, '2024-01-18 20:15:00', '192.168.1.104', 'iPad13,8 iPadOS16.2'), (7018, 1004, 'add_to_cart', 2001, '2024-01-18 20:30:00', '192.168.1.104', 'iPad13,8 iPadOS16.2'), (7019, 1004, 'add_to_cart', 2002, '2024-01-18 20:35:00', '192.168.1.104', 'iPad13,8 iPadOS16.2'), (7020, 1004, 'purchase', NULL, '2024-01-19 11:20:05', '192.168.1.104', 'iPad13,8 iPadOS16.2'); -- 插入日销售汇总数据 INSERT INTO daily_sales_summary (summary_date, total_orders, total_sales, total_customers, avg_order_value) VALUES ('2024-01-15', 1, 6999.00, 1, 6999.00), ('2024-01-16', 1, 18999.00, 1, 18999.00), ('2024-01-17', 1, 357.00, 1, 357.00), ('2024-01-18', 1, 299.00, 1, 299.00), ('2024-01-19', 1, 12997.00, 1, 12997.00), ('2024-01-20', 0, 0.00, 0, 0.00), ('2024-01-21', 0, 0.00, 0, 0.00), ('2024-01-22', 1, 9299.00, 1, 9299.00), ('2024-01-23', 1, 258.00, 1, 258.00), ('2024-01-24', 1, 1488.00, 1, 1488.00), ('2024-01-25', 1, 7999.00, 1, 7999.00), ('2024-01-26', 1, 1899.00, 1, 1899.00), ('2024-01-27', 1, 399.00, 1, 399.00), ('2024-01-28', 1, 2999.00, 1, 2999.00), ('2024-01-29', 1, 9999.00, 1, 9999.00); ---------------数据插入完成--------------- 数据特点说明用户数据：包含10个用户，具有不同的注册时间、VIP等级和状态商品分类：包含3个大类（电子产品、服装、家居）和9个子类商品数据：包含15个商品，涵盖不同品类和价格区间订单数据：包含15个订单，展示不同状态（已完成、已发货、已支付、待支付、已取消）订单明细：展示了一个订单包含多个商品的情况支付数据：包含不同支付方式和支付状态物流数据：包含不同物流公司和配送状态用户行为日志：记录了用户的浏览、加购和购买行为，可用于分析用户行为路径日销售汇总：展示了每日销售情况的统计数据这些示例数据涵盖了电商系统的主要业务场景，可以用于测试系统功能、性能优化和数据分析。数据设计考虑了真实业务场景中的各种情况，包括：用户购买多种商品同一用户多次购买不同支付方式和物流状态用户从浏览到购买的完整行为路径不同价格区间的商品销售情况您可以根据需要调整数据量或添加更多维度的数据来满足特定的测试或演示需求。运行结果如图：    3.2 应用开发参考案例：本地VSCode基于华为开发者空间云开发环境完成小程序开发参考案例：开发者空间 - 云开发环境使用指导完成本地服务安装启动和在Visual Studio中安装Remote-SSH插件。 在VS中安装插件并启动如图。 成功远程链接。  1. Java连接示例（Spring Boot）@Configuration public class GaussDBConfig { @Bean public DataSource dataSource() { HikariDataSource ds = new HikariDataSource(); ds.setJdbcUrl("jdbc:postgresql://gaussdb-host:3306/ecommerce"); ds.setUsername("admin"); ds.setPassword("SecurePass123!"); ds.setMaximumPoolSize(20); return ds; } } @Service public class OrderService { @Autowired private JdbcTemplate jdbcTemplate; public void createOrder(Order order) { jdbcTemplate.update( "INSERT INTO orders (order_id, user_id, total_amount) VALUES (?, ?, ?)", order.getId(), order.getUserId(), order.getTotalAmount() ); } } 2. 实时分析模块（Python）from gaussdb import connect import pandas as pd # 连接GaussDB conn = connect( host='gaussdb-host', port=3306, user='analyst', password='AnalyticsPass!', database='ecommerce' ) # 实时销售额统计 def get_realtime_sales(): query = """ SELECT TO_CHAR(order_time, 'YYYY-MM-DD HH24') AS hour, SUM(total_amount) AS total_sales FROM orders WHERE order_time > NOW() - INTERVAL '1 hour' GROUP BY hour ORDER BY hour """ return pd.read_sql(query, conn) 四、性能优化实践4.1 慢查询优化原始查询：SELECT * FROM orders WHERE user_id = 12345; 优化方案：创建复合索引CREATE INDEX idx_user_status ON orders (user_id, status); 启用分区表CREATE TABLE orders_partitioned ( LIKE orders INCLUDING ALL ) PARTITION BY RANGE (order_time); 五、总结本案例通过整合GaussDB的分布式架构、HTAP能力、企业级安全特性，构建了满足电商核心业务需求的高性能订单处理系统。实践表明：列式存储+压缩技术可降低存储成本30%以上并行查询优化使复杂分析查询性能提升8倍自动故障转移机制保障业务连续性达到99.99%国密算法加密满足金融级数据安全要求通过华为云GaussDB与OBS、DMS等服务的深度集成，企业可快速构建从数据采集、存储、分析到灾备的完整数据链路，有效支撑业务创新与数字化转型。 “我正在参加【案例共创】第6期 开发者空间-基于云开发环境和GaussDB构建应用  cid:link_4”

案例介绍本案例选择Flask作为后端服务，并借助开发者空间云开发环境提供的免费GaussDB数据库和HCE2.0开发环境进行本地部署，便捷地提供了一种能够保障题库安全的在线考试系统。案例内容一、概述1.1 案例介绍Flask是一个用Python编写的轻量级Web应用框架。它被称为“微框架”，核心功能简单，提供了构建Web应用所需的最少工具。华为开发者空间，是为全球开发者打造的专属开发者空间，致力于为每位开发者提供一台云开发环境、一套开发工具和云上存储空间，汇聚昇腾、鸿蒙、鲲鹏、GaussDB、欧拉等华为各项根技术的开发工具资源，并提供配套案例指导开发者 从开发编码到应用调测，基于华为根技术生态高效便捷的知识学习、技术体验、应用创新。GaussDB是华为自主创新研发的分布式关系型数据库。该产品支持分布式事务，同城跨AZ部署，数据0丢失，支持1000+的扩展能力，PB级海量存储。同时拥有云上高可用，高可靠，高安全，弹性伸缩，一键部署，快速备份恢复，监控告警等关键能力，能为企业提供功能全面，稳定可靠，扩展性强，性能优越的企业级数据库服务.本案例借助开发者空间云开发环境，通过Flask与开发者空间提供的免费GaussDB数据库实例对接，直接使用 SQL 语句对GaussDB 数据库实例进行操作，完成一个现代化 Web 应用构建。1.2 适用对象企业个人开发者高校学生1.3 案例时间本案例总时长预计40分钟。1.4 案例流程   说明：申请华为云开发者空间的GaussDB数据库；进行华为云开发者空间的云开发环境进行文件创建与编辑；启用Flask Web 服务，适配GaussDB，在GaussDB在线操作页面建表于插入题目数据。1.5 资源总览本案例预计花费0.33元。资源名称规格单价（元）时长（分钟）华为开发者空间 - 云开发环境鲲鹏通用计算增强型 kc1 | 2vCPUs | 4G | HCE2.0免费40华为开发者空间 - 生态版GaussDB单副本集中式版 | 4 vCPUs | 16G | HCE OS 64bit (200GB)免费40弹性公网IP按需计费 5Mbit/s0.33元/时40 二、案例准备工作2.1 配置云开发环境根据案例《开发者空间 - 云开发环境使用指导》，请查看下面链接，配置云开发环境，并通过vscode链接工具登录云开发环境。本地VSCode基于华为开发者空间云开发环境完成小程序开发2.1 领取免费版GaussDB免费领取GaussDB在线试用版（2025年06月 21日 - 2025年 12月 31日），有1000个名额，数量有限，链接如下：免费领取GaussDB在线试用版(1-3工作日内报名审核通过后会有短信通知)(1)报名申请审核通过后，进入开发者空间工作台，会有GaussDB免费试用提示，点击立即开通即可。(2)填写GaussDB数据库开通参数：虚拟私有云：如下图到控制台创建，采用默认参数即可。安全组：采用默认安全组。管理员密码：自定义设置，保存好后续使用。(3)设置完后点击开通，开通成功后如下图提示：(4)开通成功后，点击立即前往进入GaussDB数据库实例页面，等待状态切换为"正常"，如下图所示: (5)绑定弹性公网EIP，如果需要远程操作数据库必须要绑定公网EIP(EIP需购买，按需计费0.33元/小时，以控制台为准)点击数据库实例名称，进入GaussDB的基本信息界面： 点击绑定弹性公网IP，若开发者没有购买，则需要购买弹性公网IP。购买时选择按需计费，购买成功后截图如下：回到数据库基本信息界面，再次绑定公网IP，绑定成功截图如下：2.2 验证云开发环境与GaussDB互通通过xshell或windows命令终端登录云开发环境，测试GaussDB能否连接，如下是通  2.3 登录GaussDB数据库回到云数据库控制台，登录数据库：点击登录，再点击同意并继续输入密码，点击测试连接，再次点击登录，即可登录成功2.3.1 新建数据库登录成功后，点击新建数据库输入数据库名称 test 点击 确定 按钮，数据库创建成功： 2.3.2 创建数据库表点击 SQL操作，点击SQL查询库名选择test，Schema选择 public ，执行以下SQL语句，创建表：CREATE TABLE t_question (    id SERIAL PRIMARY KEY,    question_text TEXT NOT NULL,    option_a VARCHAR(255) NOT NULL,    option_b VARCHAR(255) NOT NULL,    option_c VARCHAR(255) NOT NULL,    option_d VARCHAR(255) NOT NULL,    correct_answer CHAR(1) NOT NULL);创建表成功：向表中插入测试题目和答案INSERT INTO t_question (question_text, option_a, option_b, option_c, option_d, correct_answer)VALUES    ('华为云的旗舰数据库服务是什么?', 'RDS for MySQL', 'GaussDB', 'DWS', 'TaurusDB', 'B'),    ('在华为云上，用于管理容器化应用的PaaS服务叫什么?', 'CCE', 'ECS', 'OBS', 'ELB', 'A'),    ('华为云上用于对象存储的服务名称是?', 'SFS', 'EVS', 'OBS', 'VPC', 'C');执行SQL,插入成功：查询表中数据：SELECT *FROM t_question删除指定题目：DELETE FROM t_questionWHERE id = 1;再执行查询的SQL语句：SELECT *FROM t_question可以看到已成功删除id为1的数据。 三、 Flask部署与Python驱动安装通过本地IDE连接云开发环境，参考使用VSCode连接云开发环境通过VSCode连接成功后,打开终端 3.1 创建项目虚拟环境因为业务场景的Python开发，多数都是构建一个大型应用程序，并且不希望各种组件的各种版本之间相互冲突，所以需要设置一个虚拟环境。先需要更新下载源。执行如下命令 sudo yum -y updatesudo yum -y upgradepip3 install virtualenv -i https://repo.huaweicloud.com/repository/pypi/simple/         #安装virtualenvpython3 -m venv myenv          #创建虚拟环境source myenv/bin/activate       #激活环境 环境激活后，用户名前会有（myenv）字样，如上图所示。3.2 安装Flask Web 框架。安装之前，需要更新下pip。python3 -m pip install --upgrade pip -i https://pypi.tuna.tsinghua.edu.cn/simplepip3 install flask -i https://pypi.tuna.tsinghua.edu.cn/simple3.3 安装GaussDB数据库对应的Python驱动GaussDB数据库对应的Python驱动为psycopg2。即Flask Web 框架允许通过psycopg2驱动，连接GaussDB数据库，并操作数据对象。不建议直接用pip去安装psycopg2驱动。1.从华为云GaussDB数据库官方文档中下载驱动。wget https://dbs-download.obs.cn-north-1.myhuaweicloud.com/GaussDB/1750076538851/GaussDB_driver.zipunzip GaussDB_driver.zipcd GaussDB_driver/Centralized/Hce2.0_arm_64/tar zxvf GaussDB-Kernel_505.2.1_Hce_64bit_Python.tar.gz 解压后有两个文件夹：psycopg2：psycopg2库文件。lib：lib库文件。2.使用root用户将psycopg2复制到python安装目录下的site-packages文件夹下。sudo cp psycopg2 $(python3 -c 'import site; print(site.getsitepackages()[0])') -r3.修改psycopg2目录权限为755。sudo chmod 755 $(python3 -c 'import site; print(site.getsitepackages()[0])')/psycopg2 -R4.将psycopg2目录添加到环境变量$PYTHONPATH，并使之生效。export PYTHONPATH=$(python3 -c 'import site; print(site.getsitepackages()[0])'):$PYTHONPATH5.将解压后的上述lib目录，配置在环境变量LD_LIBRARY_PATH中。本案例对应的lib目录是/home/xxx/GaussDB_driver/Centralized/Hce2.0_arm_64/lib，读者根据自己实际情况做修改export LD_LIBRARY_PATH=/home/xxx/GaussDB_driver/Centralized/Hce2.0_arm_64/lib:$LD_LIBRARY_PATH6.复制驱动到 python 的 site-packagessudo cp -r /home/developer/GaussDB_driver/Centralized/Hce2.0_arm_64/psycopg2 \    /usr/lib/python3.9/site-packages/7.修改权限sudo chmod -R 755 /usr/lib/python3.9/site-packages/psycopg2注意：如果引入psycopg2报找不到libpq.so.5.5,是因为环境变量LD_LIBRARY_PATH没有包含libpq.so.5.5的目录路径，由于上述步骤5用export设置的临时环境变量，所以在新的会话中需要重新设置LD_LIBRARY_PATH指定之前解压的驱动lib目录3.4 通过本地IDE创建Flask Web工程在IDE里终端窗口创建web项目并进入。mkdir ~/testcd ~/test3.5 创建test项目的Web应用(1)在test的项目目录里，创建app.py文件和子目录templates以及templates下的index.html app.py:文件作为考试系统的后端，与GaussDB进行通信，对前端index.html提供数据index.html:用来展示题目与选项 (2)把以下代码复制粘贴到app.py，注意修改为自己的GaussDB的ip、账号、密码、数据库from flask import Flask, render_template, request, jsonifyimport psycopg2import psycopg2.extrasapp = Flask(__name__)# Database connection configurationdb_config = {    'host': 'your_gaussdb_host',    'user': 'your_user',    'password': 'your_password',    'database': 'test',    'port': 8000}def get_db_connection():    """Establish database connection"""    conn = psycopg2.connect(**db_config)    return conn@app.route('/')def index():    """Home route: Display all exam questions"""    conn = get_db_connection()    cursor = conn.cursor(cursor_factory=psycopg2.extras.DictCursor)    cursor.execute('SELECT * FROM t_question')    questions = cursor.fetchall()    cursor.close()    conn.close()    return render_template('index.html', questions=questions)@app.route('/submit_all_answers', methods=['POST'])def submit_all_answers():    """Submit all answers route: Check if user answers are correct"""    answers = {}  # Dictionary to store question IDs and user answers    correct_count = 0    # Loop through all the answers in the form data    for question_index in range(1, len(request.form) // 2 + 1):        question_id = request.form[f"question_id_{question_index}"]        user_answer = request.form.get(f"answer_{question_index}")        conn = get_db_connection()        cursor = conn.cursor(cursor_factory=psycopg2.extras.DictCursor)        cursor.execute('SELECT correct_answer FROM t_question WHERE id = %s', (question_id,))        result = cursor.fetchone()        if result:            correct_answer = result['correct_answer']            if user_answer == correct_answer:                correct_count += 1        cursor.close()        conn.close()    return jsonify({        'message': f'You answered {correct_count} questions correctly!',        'correct_count': correct_count    })if __name__ == '__main__':    app.run(debug=True, host='0.0.0.0', port=8080)(3)把以下代码复制粘贴到index.html中<!DOCTYPE html><html><head>    <title>在线考试系统</title>    <style>        body {            font-family: Arial, sans-serif;            background-color: #f4f7fa;            margin: 0;            padding: 0;        }        .container {            max-width: 900px;            margin: 50px auto;            background-color: #fff;            padding: 20px;            border-radius: 8px;            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);        }        h1 {            text-align: center;            color: #333;        }        .question-container {            border-bottom: 1px solid #ccc;            margin-bottom: 20px;            padding-bottom: 15px;        }        .question-container p {            font-size: 18px;            margin: 10px 0;        }        .question-container label {            display: block;            font-size: 16px;            margin-bottom: 8px;        }        .question-container input[type="radio"] {            margin-right: 10px;        }        .submit-btn {            background-color: #4CAF50;            color: white;            padding: 12px 24px;            border: none;            border-radius: 5px;            cursor: pointer;            font-size: 16px;        }        .submit-btn:hover {            background-color: #45a049;        }    </style></head><body>    <div class="container">        <h1>在线考试</h1>        <form action="/submit_all_answers" method="post">            {% for question in questions %}            <div class="question-container">                <p><strong>{{ loop.index }}. {{ question.question_text }}</strong></p>                <input type="hidden" name="question_id_{{ loop.index }}" value="{{ question.id }}">                <label><input type="radio" name="answer_{{ loop.index }}" value="A"> A. {{ question.option_a }}</label>                <label><input type="radio" name="answer_{{ loop.index }}" value="B"> B. {{ question.option_b }}</label>                <label><input type="radio" name="answer_{{ loop.index }}" value="C"> C. {{ question.option_c }}</label>                <label><input type="radio" name="answer_{{ loop.index }}" value="D"> D. {{ question.option_d }}</label>            </div>            {% endfor %}            <div style="text-align: center;">                <input type="submit" value="提交所有答案" class="submit-btn">            </div>        </form>    </div></body></html>(4)然后在终端中运行python3 app.py  在浏览器中打开http://127.0.0.1:8080即可看到在线考试页面  四、释放资源1. 删除虚拟私有云VPC进入虚拟私有云控制台，点击全选按钮，点击“删除”，会弹出关联资源列表的对话框，删除子网和弹性公网IP2. 删除弹性公网IP EIP进入弹性公网IP控制台，首先解绑弹性公网IP，然后删除。3. 删除GaussDB数据库实例进入GaussDB控制台，点击“更多 -> 删除实例”。注意：删除的实例会被移至回收站，但达到回收站策略设置的天数后，该实例会被永久删除，请谨慎操作。 至此，基于华为开发者空间云开发环境+GaussDB实现在线考试系统案例已全部完成。我正在参加【案例共创】第6期 开发者空间-基于云开发环境和GaussDB构建应用  cid:link_3

GaussDB（华为高斯数据库）支持多种基本数据类型，以下是其主要数据类型的分类和列举：数值类型整数类型SMALLINT：2字节有符号整数（-32,768 到 32,767）INTEGER/INT：4字节有符号整数（-2,147,483,648 到 2,147,483,647）BIGINT：8字节有符号整数（-9,223,372,036,854,775,808 到 9,223,372,036,854,775,807）精确数值类型NUMERIC/DECIMAL：用户指定精度的精确数值，可变长度NUMBER(p,s)：高精度数值类型，p为精度，s为小数位数浮点类型REAL：4字节单精度浮点数DOUBLE PRECISION/FLOAT8：8字节双精度浮点数字符类型CHARACTER/CHAR(n)：固定长度字符串，n为字符数CHARACTER VARYING/VARCHAR(n)：可变长度字符串，最大长度nTEXT：可变长度无限制字符串CLOB：字符大对象，用于存储大量文本数据二进制数据类型BINARY/BYTEA：二进制字符串（“字节数组”）BLOB：二进制大对象，用于存储大量二进制数据日期时间类型DATE：日期（年-月-日）TIME/TIME WITHOUT TIME ZONE：时间（时:分:秒）TIME WITH TIME ZONE：带时区的时间TIMESTAMP/TIMESTAMP WITHOUT TIME ZONE：日期和时间TIMESTAMP WITH TIME ZONE：带时区的日期和时间INTERVAL：时间间隔布尔类型BOOLEAN：TRUE/FALSE值枚举类型ENUM：用户定义的枚举类型，从预定义值集合中取值JSON类型JSON：存储JSON格式数据JSONB：二进制存储的JSON数据，支持索引数组类型GaussDB支持创建数组类型，如INTEGER[]、TEXT[]等特殊类型UUID：通用唯一标识符XML：存储XML数据GEOMETRY：空间数据类型（如果支持空间扩展）伪类型用于函数声明而不表示实际存储的数据类型，如：ANYANYELEMENTTRIGGER等GaussDB作为基于PostgreSQL开发的数据库，其数据类型系统与PostgreSQL高度兼容，同时针对企业级应用进行了优化和扩展。具体版本的数据类型支持可能略有差异，建议参考对应版本的官方文档获取最准确的信息。

基于华为开发者空间云开发环境和GaussDB数据库—爬取小说存入GaussDB数据库实战案例介绍本案例演示如何在华为开发者空间的远程云开发环境中，使用 Python 爬取网络小说数据，并将数据存入 GaussDB 云数据库。通过该实践，开发者能够掌握以下技能：配置并使用云开发环境进行 Python 项目开发；使用爬虫技术抓取网页小说内容；数据清洗与结构化处理；连接并操作 GaussDB 数据库，实现小说数据存储；实现基础的数据查询和管理功能。通过此案例，开发者可快速搭建一个完整的数据采集与存储流程，并体验云端开发与数据库结合的高效开发模式。案例内容本案例内容包括：在华为开发者空间创建云开发环境并配置 Python 运行环境；安装爬虫所需的第三方库，如 requests、BeautifulSoup 等；申请并连接 GaussDB 数据库实例；编写爬虫脚本抓取小说章节及内容；将抓取的小说数据存入 GaussDB 数据库；在数据库中验证数据存储和查询结果。最终效果：成功抓取指定网站小说内容；数据结构化存储在 GaussDB 数据库中；可通过 SQL 查询小说、摘要信息。一、概述在互联网内容获取和数据分析中，爬虫技术 是获取结构化数据的主要手段之一。而现代云开发环境与数据库服务，为爬虫项目提供了高效、稳定、安全的执行平台。本案例通过 Flask 无关的纯爬虫 + 数据库操作方式，展示如何在云端环境完成小说数据的抓取与存储。使用 GaussDB 数据库，开发者无需担心本地数据库配置、权限问题或数据备份，同时结合云开发环境，支持团队协作和远程操作。1.1 案例介绍本案例将演示以下操作流程：使用 Python 爬取指定小说网站的章节标题与内容；对抓取内容进行清洗，剔除无用标签和广告文本；将小说数据以结构化形式存入 GaussDB 数据库，包括章节号、标题、正文和更新时间；使用 SQL 验证数据完整性和正确性。通过实践，开发者可以快速搭建一个简单的 云端小说数据库管理系统，为后续的阅读分析、内容推荐或搜索功能提供基础数据。1.2 适用对象个人开发者，尝试云端爬虫与数据库存储项目；高校学生，学习 Python 爬虫、数据清洗及数据库操作实践；中小团队，验证云开发环境在数据采集和存储方面的应用效率。1.3 案例时间预计总时长：约 50 分钟云开发环境配置：10 分钟GaussDB 数据库准备：10 分钟Python 爬虫编写与调试：20 分钟数据存入 GaussDB 与验证：10 分钟1.4 案例流程1.5 资源总览资源名称规格费用使用时长云开发环境鲲鹏通用计算增强型 kc1免费50分钟GaussDB 数据库4 vCPUs / 16G免费50分钟公网 EIP5Mbit/s0.8元/GB按流量计费Python库requests, bs4, psycopg2免费-二、案例准备工作2.1 配置云开发环境1.登录华为开发者空间；2.选择创建远程云开发环境；3.创建开发环境创建远程开发环境时需要填写以下信息：环境名称（必填）：支持字母、数字和下划线，长度不超过 15 个字符，且不能以数字开头。开放端口（可选）：默认为 22 端口，可额外开放 8080-8089 范围内的端口。默认账号（必填）：默认为 developer，可自定义，需为 4~16 位小写字母，禁止使用系统保留用户名（如 root、agent）。密码（必填）：需为 8~32 位字符，且至少包含 大写字母、小写字母、数字、特殊字符(~!@#$%^*-_=+?) 中的三种类型。4.将服务开机5.安装 CLI 工具包hdspace.exe 是一款面向开发者的命令行工具（CLI），用于在 PC 端对 开发者空间云开发环境 进行创建与管理。借助该工具，开发者不仅可以快速建立与云开发环境的隧道连接，还能实现远程操作，例如：上传/下载文件编写与编辑代码编译与执行程序下载方式在 Web 端进入已创建的云开发环境，点击 【远程连接】 → 【立即下载】，即可将 hdspace.exe 工具包下载到本地。6.配置环境变量以 Windows 11 为例，配置步骤如下：在任务栏搜索框输入 “环境变量”，或在 控制面板 → 系统和安全 → 系统 → 高级系统设置 中找到 环境变量 入口。在弹出的窗口中，找到 系统变量 下的 Path，点击 编辑。在 Path 配置界面中，点击 新建，输入 hdspace.exe 所在目录的路径。确认保存设置并退出。完成上述操作后，用户即可在 任意命令行窗口（如 CMD、PowerShell）中直接使用 hdspace.exe 命令。安装成功截图如下常用命令如下含义命令云开发环境顶层帮助hdspace devenv --help开发者空间配置帮助hdspace config --help开发者空间版本帮助hdspace version --help云开发环境列表帮助hdspace devenv list --help创建云开发环境帮助hdspace devenv create --help启动云开发环境帮助hdspace devenv start –help关闭云开发环境帮助hdspace devenv close --help删除云开发环境帮助hdspace devenv delete --help建立隧道帮助hdspace devenv start-tunnel --help7.获取并配置 AK/SK在使用 CLI 工具操作云开发环境前，需要完成 身份认证。这依赖于 AK（Access Key） 与 SK（Secret Key）：AK（Access Key）：访问密钥的唯一 ID，用于标识用户身份，通常可在网络传输中公开。SK（Secret Key）：秘密密钥，仅用户与服务端持有，用于生成请求签名，确保请求合法性并防止未授权访问。配置 AK/SK 等价于在 CLI 工具中完成身份认证，从而使开发者能够通过命令行安全地管理和操作云开发环境。8.获取 AK/SK在下载的文件中可找到 AK/SK，格式类似如下：配置 AK/SK在命令行中执行以下命令：hdspace config根据提示依次输入 AK 和 SK：输入 AK 后回车输入 SK（注意：SK 输入时不会显示回显），并再次输入确认配置完成后，CLI 工具即可正常使用身份认证信息访问云开发环境。9.查看可用云开发环境信息2.2 领取GaussDB数据库目前可以免费领取GaussDB在线试用版（2025年 06月 21日 - 2025年 12月 31日）。当报名申请审核通过后，进入 开发者空间工作台。此时页面会1.显示 GaussDB 免费试用 提示，点击 立即开通 即可完成开通操作。若需远程访问数据库实例，必须为其绑定弹性公网 EIP（EIP 需单独购买，按需计费，价格约为 0.33 元/小时）。在控制台中，点击目标数据库实例名称，即可进入 GaussDB 基本信息 页面：2.登录GaussDB数据库回到云数据库控制台，登录数据库：填写密码后测试成功：3.成功登录页面如下4.点击绑定弹性公网IP，就可远程使用。三、爬取小说存入GaussDB数据库实战GaussDB是华为自主创新研发的分布式关系型数据库。该产品支持分布式事务，同城跨AZ部署，数据0丢失，支持1000+的扩展能力，PB级海量存储。同时拥有云上高可用，高可靠，高安全，弹性伸缩，一键部署，快速备份恢复，监控告警等关键能力，能为企业提供功能全面，稳定可靠，扩展性强，性能优越的企业级数据库服务。1.创建GaussD数据库-- 确保使用 public schema SET search_path TO public; -- 创建小说表 CREATE TABLE IF NOT EXISTS public.novel ( id VARCHAR(36) PRIMARY KEY, -- UUID 主键，由应用端生成 title VARCHAR(100) NOT NULL, -- 小说标题 content TEXT NOT NULL -- 小说正文 ); 2.python链接GaussD数据库# GaussDB 连接信息，请根据你的实际信息修改 GAUSSDB_CONFIG = { "host": "your_gaussdb_host", "port": 5432, "database": "your_db", "user": "your_user", "password": "your_password" } 3.核心代码def main(): try: # 连接数据库 conn = psycopg2.connect(**GAUSSDB_CONFIG) cursor = conn.cursor() print("成功连接 GaussDB！") # 创建小说表 cursor.execute(""" CREATE TABLE IF NOT EXISTS public.novel ( id VARCHAR(36) PRIMARY KEY, title VARCHAR(100) NOT NULL, content TEXT NOT NULL ); """) print("小说表创建成功（如果不存在）") # 插入数据 insert_query = "INSERT INTO public.novel (id, title, content) VALUES (%s, %s, %s) ON CONFLICT (id) DO NOTHING;" cursor.executemany(insert_query, novel_data) conn.commit() print("小说数据已成功存入数据库！") except Exception as e: print("操作失败：", e) finally: if cursor: cursor.close() if conn: conn.close() print("数据库连接已关闭。") if __name__ == "__main__": main() 4.爬虫主要代码# 给请求指定一个请求头来模拟chrome浏览器 headers = { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36'} server = 'XXXX' # 地址 book = 'XXX' # 定义DB mysql = MyPymysqlPool("dbMysql") # 获取章节内容 def get_contents(chapter): req = requests.get(url=chapter) html = req.content html_doc = str(html, 'gbk') bf = BeautifulSoup(html_doc, 'html.parser') texts = bf.find_all('div', id="content") # 获取div标签id属性content的内容 \xa0 是不间断空白符 &nbsp; content = texts[0].text.replace('\xa0' * 4, '\n') return content # 主方法 def main(): res = requests.get(book, headers=headers) html = res.content html_doc = str(html, 'gbk') # 使用自带的html.parser解析 soup = BeautifulSoup(html_doc, 'html.parser') # 获取所有的章节 a = soup.find('div', id='list').find_all('a') print('总章节数: %d ' % len(a)) for each in a: try: chapter = server + each.get('href') content = get_contents(chapter) chapter = each.string write_db(chapter, content) except Exception as e: print(e) mysql.dispose() if __name__ == '__main__': main() 5.GaussDB数据库情况。通过本次实战，我们完成了从模拟爬取小说数据到存入 GaussDB 数据库的完整流程。实践过程中，我们掌握了以下要点：GaussDB 的优势与使用支持分布式事务、PB级存储和高可用部署，保证数据安全与扩展能力。使用 public schema 创建表，合理设计主键（UUID）和字段类型，确保数据唯一性与完整性。Python 连接数据库与操作使用 psycopg2 连接 GaussDB，并通过事务控制确保数据一致性。利用 ON CONFLICT DO NOTHING 避免重复插入报错，提高脚本健壮性。爬虫模拟与数据处理模拟爬取章节内容并清洗 HTML 标签，实现章节正文的规范化存储。将每条小说数据生成 UUID 并插入数据库，实现与表结构一致的数据管理。实战心得通过模拟爬虫与数据库存储的结合，理解了爬取、清洗、存储数据的完整流程。对企业级数据库的设计与操作有了直观的认识，为后续大规模数据管理与分析奠定基础。总之，本次实战不仅验证了 GaussDB 的稳定性与高效性，也为小说数据爬取、清洗和存储提供了完整的流程示例，可作为类似场景的参考模板。我正在参加【案例共创】第6期 开发者空间-基于云开发环境和GaussDB构建应用 https://bbs.huaweicloud.com/forum/thread-0229189398343651003-1-1.html

基于远程开发环境部署Flask与开发者空间GaussDB的实践应用构建在线TODO清单(保姆级指南实战案例)案例介绍本案例将演示如何在华为开发者空间的远程云开发环境中部署 Flask 应用，并与 GaussDB 数据库 对接，实现一个基础的 TODO 清单 Web 应用。通过该实践，开发者能够掌握以下技能：在云开发环境中快速搭建 Flask 项目；配置并连接 GaussDB 数据库；使用 Flask ORM 完成数据库建表与数据操作；实现一个可运行的 TODO 清单应用。这种结合方式能够帮助开发者快速上手 Web 开发，并体验华为开发者空间提供的一站式开发环境。案例内容本案例将演示如何在华为开发者空间的远程云开发环境中部署 Flask 应用，并与 GaussDB 数据库 对接，实现一个基础的 TODO 清单 Web 应用。通过该实践，开发者能够掌握以下技能：在云开发环境中快速搭建 Flask 项目；配置并连接 GaussDB 数据库；使用 Flask ORM 完成数据库建表与数据操作；实现一个可运行的 TODO 清单应用。这种结合方式能够帮助开发者快速上手 Web 开发，并体验华为开发者空间提供的一站式开发环境。一、概述在现代 Web 应用开发中，快速迭代与云端部署 已成为常态。传统的本地开发环境虽然灵活，但在协作效率、资源配置以及数据库运维方面往往存在一定的局限。为了解决这些问题，越来越多的开发者开始借助 远程开发环境 与 云数据库服务 来完成应用构建。Flask 作为一个轻量化的 Python Web 框架，因其简单、灵活、可扩展的特性，广泛应用于原型验证和小型应用开发。而华为开发者空间所提供的 GaussDB 云数据库 与 云开发环境，为开发者提供了一体化的开发体验：无需繁琐配置，即可在云端完成代码编写、数据库对接和应用部署。本案例将通过构建一个 TODO 清单应用，演示如何在远程云开发环境中部署 Flask，并与 GaussDB 结合，实现一个完整的从环境搭建到应用落地的流程。通过该实践，开发者不仅能够熟悉 Flask 与数据库交互的核心方法，还能深入体验基于华为云生态的高效开发模式。1.1 案例介绍Flask 是一个轻量级 Python Web 框架，以简洁、灵活著称，非常适合快速构建小型应用或原型系统。本案例结合 Flask 与 GaussDB，通过远程开发环境完成从环境搭建到应用部署的全流程操作。最终效果：在浏览器访问 Flask 服务；可在页面中创建和查看 TODO 任务；数据持久化存储在 GaussDB 数据库中。1.2 适用对象中小企业希望快速验证产品原型；个人开发者尝试云端开发与数据库应用；高校学生学习 Flask 与数据库交互实践。1.3 案例时间预计总时长：约 40 分钟。1.4 案例流程1.在华为开发者空间申请云开发环境；2.配置 Flask 运行环境并安装依赖包；3.申请并绑定 GaussDB 数据库实例；4.在 Flask 中配置数据库连接；5。启动 Flask Web 服务并完成 TODO 清单应用测试。1.5 资源总览资源名称规格费用使用时长云开发环境鲲鹏通用计算增强型 kc1免费40分钟GaussDB 数据库4 vCPUs / 16G免费40分钟公网 EIP5Mbit/s0.8元/GB按流量计费二、案例准备工作2.1 配置云开发环境1.登录华为开发者空间；2.选择创建远程云开发环境；3.创建开发环境创建远程开发环境时需要填写以下信息：环境名称（必填）：支持字母、数字和下划线，长度不超过 15 个字符，且不能以数字开头。开放端口（可选）：默认为 22 端口，可额外开放 8080-8089 范围内的端口。默认账号（必填）：默认为 developer，可自定义，需为 4~16 位小写字母，禁止使用系统保留用户名（如 root、agent）。密码（必填）：需为 8~32 位字符，且至少包含 大写字母、小写字母、数字、特殊字符(~!@#$%^*-_=+?) 中的三种类型。4.将服务开机5.安装 CLI 工具包hdspace.exe 是一款面向开发者的命令行工具（CLI），用于在 PC 端对 开发者空间云开发环境 进行创建与管理。借助该工具，开发者不仅可以快速建立与云开发环境的隧道连接，还能实现远程操作，例如：上传/下载文件编写与编辑代码编译与执行程序下载方式在 Web 端进入已创建的云开发环境，点击 【远程连接】 → 【立即下载】，即可将 hdspace.exe 工具包下载到本地。6.配置环境变量以 Windows 11 为例，配置步骤如下：在任务栏搜索框输入 “环境变量”，或在 控制面板 → 系统和安全 → 系统 → 高级系统设置 中找到 环境变量 入口。在弹出的窗口中，找到 系统变量 下的 Path，点击 编辑。在 Path 配置界面中，点击 新建，输入 hdspace.exe 所在目录的路径。确认保存设置并退出。完成上述操作后，用户即可在 任意命令行窗口（如 CMD、PowerShell）中直接使用 hdspace.exe 命令。安装成功截图如下常用命令如下含义命令云开发环境顶层帮助hdspace devenv --help开发者空间配置帮助hdspace config --help开发者空间版本帮助hdspace version --help云开发环境列表帮助hdspace devenv list --help创建云开发环境帮助hdspace devenv create --help启动云开发环境帮助hdspace devenv start –help关闭云开发环境帮助hdspace devenv close --help删除云开发环境帮助hdspace devenv delete --help建立隧道帮助hdspace devenv start-tunnel --help7.获取并配置 AK/SK在使用 CLI 工具操作云开发环境前，需要完成 身份认证。这依赖于 AK（Access Key） 与 SK（Secret Key）：AK（Access Key）：访问密钥的唯一 ID，用于标识用户身份，通常可在网络传输中公开。SK（Secret Key）：秘密密钥，仅用户与服务端持有，用于生成请求签名，确保请求合法性并防止未授权访问。配置 AK/SK 等价于在 CLI 工具中完成身份认证，从而使开发者能够通过命令行安全地管理和操作云开发环境。8.获取 AK/SK在下载的文件中可找到 AK/SK，格式类似如下：配置 AK/SK在命令行中执行以下命令：hdspace config根据提示依次输入 AK 和 SK：输入 AK 后回车输入 SK（注意：SK 输入时不会显示回显），并再次输入确认配置完成后，CLI 工具即可正常使用身份认证信息访问云开发环境。9.查看可用云开发环境信息2.2 领取GaussDB数据库目前可以免费领取GaussDB在线试用版（2025年 06月 21日 - 2025年 12月 31日）。当报名申请审核通过后，进入 开发者空间工作台。此时页面会1.显示 GaussDB 免费试用 提示，点击 立即开通 即可完成开通操作。若需远程访问数据库实例，必须为其绑定弹性公网 EIP（EIP 需单独购买，按需计费，价格约为 0.33 元/小时）。在控制台中，点击目标数据库实例名称，即可进入 GaussDB 基本信息 页面：2.登录GaussDB数据库回到云数据库控制台，登录数据库：填写密码后测试成功：3.成功登录页面如下4.点击绑定弹性公网IP，就可远程使用。三、在线TODO清单应用搭建3.1 项目背景功能分析这是一个基于Flask框架和GaussDB数据库构建的在线TODO清单网站，提供简洁美观的界面和完整的任务管理功能。功能特点📝 添加任务：创建新的待办事项，支持标题和详细描述✅ 完成任务：一键标记任务为已完成/未完成🗑️ 删除任务：轻松移除不需要的任务📋 任务列表：按创建时间倒序显示所有任务💬 消息提示：操作反馈及时显示📱 响应式设计：适配各种屏幕尺寸🎨 现代UI：采用Tailwind CSS构建的简洁美观界面项目结构GaussDB/ ├── app.py # 主应用程序文件 ├── requirements.txt # 项目依赖 ├── .env # 环境变量配置 ├── .gitignore # Git忽略规则 ├── templates/ # HTML模板目录 │ └── index.html # 主页面模板 └── README.md # 项目说明文档 3.2 GaussDB数据库样例数据如下： (1, '学习GaussDB基础', '了解GaussDB的基本概念和架构', FALSE), (2, '创建TODO应用', '使用Flask和GaussDB构建简单的TODO应用', FALSE), (3, '配置数据库连接', '确保应用能够正确连接到GaussDB', TRUE), (4, '测试SQL执行', '验证各种SQL语句在GaussDB中的执行情况', FALSE), (5, '解决权限问题', '修复创建表和序列时的权限错误', FALSE); 完整的GaussDB数据库执行命令如下：-- GaussDB schema 权限问题解决方案 -- 1. 检查当前连接使用的schema SELECT current_schema(); -- 2. 查看可用的schema列表 SELECT nspname FROM pg_namespace; -- 3. 尝试切换到public schema（如果有权限） SET search_path TO public; -- 4. 在public schema中创建todo表 CREATE TABLE public.todo ( id INT NOT NULL PRIMARY KEY, title VARCHAR(100) NOT NULL, description TEXT, completed BOOLEAN NOT NULL DEFAULT FALSE, created_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP ); -- 5. 插入样例数据 INSERT INTO public.todo (id, title, description, completed) VALUES (1, '学习GaussDB基础', '了解GaussDB的基本概念和架构', FALSE), (2, '创建TODO应用', '使用Flask和GaussDB构建简单的TODO应用', FALSE), (3, '配置数据库连接', '确保应用能够正确连接到GaussDB', TRUE), (4, '测试SQL执行', '验证各种SQL语句在GaussDB中的执行情况', FALSE), (5, '解决权限问题', '修复创建表和序列时的权限错误', FALSE); -- 6. 验证插入结果 SELECT * FROM public.todo; -- 使用说明： -- 1. 执行此脚本前，请确保您有权限访问和使用public schema -- 2. 如果切换schema失败，请联系数据库管理员授予适当的权限 -- 3. 如果仍然无法创建表，可能需要管理员在特定schema中为您创建表结构 这份脚本主要用于解决 GaussDB 中 schema 权限不足 导致的建表问题。流程包括：首先检查当前连接所使用的 schema，并查看可用的 schema 列表；若有权限则切换到 public schema，在其中创建 todo 表并插入示例数据；最后通过查询验证插入结果。使用时需确保用户具备 public schema 的访问与操作权限，如仍遇到权限限制，则需联系数据库管理员授予相应权限或由管理员在目标 schema 下预建表结构。3.3 todo清单构建创建并使用一个简单的 TODO 清单表，以实现任务管理的基本功能。主要步骤包括：选择合适的 schema、创建表结构、插入示例数据以及验证数据。选择或切换 schema通过 current_schema() 查看当前连接的 schema，使用 SET search_path TO public; 切换到 public schema（前提是具有权限）。创建 TODO 表表结构设计包括 id（主键）、title、description、completed 状态、created_at 和 updated_at 时间戳等字段，支持记录任务详情及状态跟踪。插入示例数据向 todo 表中插入若干任务条目，用于后续的测试和展示。验证与查询通过 SELECT * FROM public.todo; 检查数据是否成功写入，并可根据 completed 状态或其他字段进行筛选和排序，实现基本的任务管理功能。这种方法不仅便于快速搭建实验性 TODO 应用，也为后续通过应用程序（如 Flask）对 GaussDB 的访问提供了数据基础。增加数据删除数据更新数据GaussDB数据库信息在本节中，我们通过 GaussDB 成功构建了一个简单的 TODO 清单表，实现了任务的增删改查操作。首先，确保使用具有权限的 schema（如 public），然后创建包含任务 ID、标题、描述、状态和时间戳等字段的表结构。接着，通过插入示例数据完成初始填充，并通过查询验证数据的正确性。同时展示了增、删、改操作的实际效果，使得用户能够直观了解 GaussDB 对任务数据的管理能力。整体流程为后续基于应用程序（如 Flask）构建完整的 TODO 应用打下了坚实的数据基础，也体现了 GaussDB 在日常开发中灵活、高效的数据库操作能力。四.心得通过本案例的实践，我们可以获得以下几点重要心得与经验：4.1 云开发环境的优势与体验快速搭建与即开即用华为开发者空间提供的云开发环境无需复杂的本地配置，只需创建环境并启动，即可开始编码与调试。这对于中小团队或个人开发者尤其方便，能够节省环境配置时间，并避免“环境不一致”问题。一体化的开发体验在同一平台下完成代码开发、数据库管理、依赖安装和远程调试，极大提升了开发效率。同时，CLI 工具 hdspace.exe 提供了命令行管理、文件上传下载、隧道连接等功能，使得远程操作更加灵活便捷。云端协作与可扩展性通过云开发环境，团队成员可以共享同一开发环境，实现代码与数据的一体化管理。环境资源可按需扩展，例如增加计算或存储能力，非常适合原型验证和小型项目开发。4.2 GaussDB 数据库的使用体会权限管理与 schema 问题GaussDB 默认 schema 权限可能会影响建表和数据操作。通过切换到 public schema 或联系管理员授予权限，可以顺利完成数据库建表、插入数据和查询操作。这提醒开发者在云数据库使用中，应充分了解权限体系与 schema 管理策略。数据操作便捷无论是通过 SQL 脚本插入样例数据，还是在 Flask 应用中进行增删改查，GaussDB 的执行效率和稳定性表现良好。在实际应用中，开发者可以快速验证数据操作，保证前端应用的响应速度和数据一致性。云数据库安全与远程访问绑定弹性公网 EIP 后可实现远程访问，结合 AK/SK 配置可确保操作安全。开发者在生产环境中应注意安全策略，例如限制 IP、启用访问控制和加密连接，确保数据安全。4.3 Flask 与数据库结合的实践经验轻量级快速开发Flask 框架以简洁著称，非常适合快速构建原型应用。在本案例中，通过少量代码就完成了 TODO 清单的页面展示、任务增删改查以及数据持久化，体现了 Flask 的灵活性。ORM 与数据库交互在实际开发中，可以使用 Flask 的 ORM（如 SQLAlchemy）进行数据库操作，使数据操作更加直观、可维护。通过本案例，我们掌握了基本的 ORM 映射与查询方法，为后续复杂应用打下基础。前后端分离与响应式设计本案例采用 Tailwind CSS 构建界面，简洁美观且自适应不同设备。结合 Flask 提供的数据接口，可进一步扩展为前后端分离的 Web 应用，实现更丰富的功能。4.4 总结与经验分享小型应用原型验证本案例演示了如何在 40 分钟内完成一个完整的 TODO 清单应用，从环境搭建到数据库对接，再到应用部署，充分体现了云开发环境的高效性和可操作性。注意权限与配置在使用云数据库时，应提前了解 schema 权限、AK/SK 配置及公网访问策略，避免在开发过程中因权限问题导致操作受限。可拓展性与实践价值本案例可以作为其他小型 Web 应用的模板，例如博客系统、在线笔记、任务管理工具等。开发者可在此基础上进一步扩展功能，例如用户登录、任务分类、提醒机制等。云开发与本地开发结合尽管云开发环境方便快捷，但在处理大规模数据或复杂计算时，本地开发环境仍有其优势。建议开发者根据项目需求灵活选择开发方式，云端和本地相结合，以提高开发效率。通过本案例，开发者不仅掌握了 Flask 与 GaussDB 的基础使用方法，也积累了远程云开发环境实践经验，为后续更复杂 Web 应用开发奠定了坚实基础。我正在参加【案例共创】第6期 开发者空间-基于云开发环境和GaussDB构建应用 https://bbs.huaweicloud.com/forum/thread-0229189398343651003-1-1.html

物化视图后续版本是否可以支持自动刷新

 案例介绍       “旅游小助手”微信小程序是一款帮助旅游者，在途中随时拍照后关联一首此景点的唐诗宋词，增长旅游者的文化素养。           开发工具是使用一个微信小程序开发工具IDE，申请了APP ID，可以专注于编写应用程序，最后在平台上仿真模拟，再上传发布。本案例在微信小程序开发工具上开发了应用功能部分，并与开发者空间提供的免费GaussDB数据库实例对接，完成一个小程序开发。华为开发者空间是为全球开发者打造的专属开发者空间，致力于为每位开发者提供一台云开发环境、一套开发工具和云上存储空间，汇聚昇腾、鸿蒙、鲲鹏、GaussDB、欧拉等华为各项根技术的开发工具资源，并提供配套案例指导开发者 从开发编码到应用调测，基于华为根技术生态高效便捷的知识学习、技术体验、应用创新。 资源总览本案例预计花费0元。资源名称规格单价（元）时长（分钟）华为开发者空间 - 云开发环境鲲鹏通用计算增强型 kc1 | 2vCPUs | 4G | euler,22免费60华为开发者空间 - 生态版GaussDB单副本集中式版 | 4 vCPUs | 16G | HCE OS 64bit (200GB)免费60微信开发工具平台stable 1.06.202504020免费 案例适用对象和开发时间1.1 适用对象企业个人开发者高校学生1.2 案例时间本案例总时长预计1个小时。案例方案1.3任务分析小程序连接华为云GaussDB数据库，用于存储识别结果或用户数据，由小程序进行用户交互，把数据存放到数据库。1.4  技术方案      使用华为云数据库服务SDK，通过API网关或云函数访问实现增删改查基本操作。首先要创建华为云数据库实例获取连接配置信息编写数据访问层代码，安全考虑，数据库连接信息不能暴露在前端，需要使用HTTPS安全连接，实现访问权限控制。集成方式通过云函数封装数据库操作小程序调用云函数接口。以下是云数据库步骤：1、需要创建数据库表结构，2、配置华为云环境，3、测试数据库连接。方案还要增加安全增强，添加连接池管理，实现参数化查询防注入，添加操作日志记录功能。1.5 方案还要性能优化：连接复用和查询优化错误增加重试机制，包括：需要添加日志管理功能、实现数据库迁移脚本、添加性能监控。其中，日志管理需求：操作审计日志、错误详细记录和查询性能日志；迁移需求： 版本化数据库变更、回滚支持和环境一致性；添加监控指标：连接池状态、查询耗时和错误率。1.6  集成方案需要集成到主流程添加错误处理中间件实现请求追踪1.7 监控扩展告警规则日志分级敏感信息过滤 测试方案部分包括单元测试中间件、集成测试API流程和模拟错误场景1.8 部署准备环境变量配置、启动脚本优化、健康检查接口并且需要集成健康检查到主服务添加API测试用例实现自动化测试流程1.9健康检查集成方案添加/health端点服务启动自检就绪/存活探针最后进行API测试，数据操作测试错误场景覆盖性能基准测试，1.10 CI/CD准备测试脚本配置覆盖率报告质量门禁，同时编写部署文档配置CI/CD流水线压力测试，检查README内容完整性确认部署步骤准确性验证示例命令有效性。注意后续优化，添加更多使用场景示例补充故障排查指南完善API文档细节。  1.11 交付完成打包完整项目生成文档 附录小程序代码结构d:/企业/鸿蒙生态/ ├── app.js ├── app.json├── app.wxss └── pages/              └── index/              ├── index.js              ├── index.json              ├── index.wxml              └── index.wxss项目文件目录结构我正在参加【案例共创】第6期 开发者空间-基于云开发环境和GaussDB构建应用  cid:link_3

余年方十七，习编程已有数载，虽非初学，然深知学无止境，技艺之精进，如逆水行舟，不进则退。 技艺渐精 昔日初学时，常为类型错误而苦恼，今已能熟练运用多种语言。ts之强大，Python之优雅，前端三剑客之灵动，后端框架之稳健，皆有所涉猎。数据结构与算法，亦略有心得，排序查找，动态规划，虽不敢言精通，然基本功底尚算扎实。 项目实战 近年来，陆续完成数个项目：网站开发、移动应用、数据分析工具等。每一次从需求分析到架构设计，从编码实现到测试部署，皆亲力亲为。虽过程艰辛，然收获颇丰。始知纸上谈兵易，实际开发难。用户体验、性能优化、代码维护，诸般考量，方显编程之深奥。 开源贡献 偶有小作，贡献于开源社区，虽微不足道，然能为他人所用，心甚慰藉。GitHub上星标虽少，然每一个fork，每一个issue，皆是对余之鞭策与鼓励。 技术视野 关注前沿技术，人工智能、区块链、云计算等，皆有所了解。深知技术日新月异，昨日之新技术，今日或已过时。唯有保持学习之心，方能不被时代所抛弃。 反思与展望 回首来路，虽有所成，然亦深感不足。代码质量有待提升，系统设计能力尚需磨练，团队协作经验亦显匮乏。他日若能进入知名企业，与高手切磋，定能更上一层楼。 夫编程者，匠心独运之艺也。既要有扎实之基础，又需具创新之思维。余虽年少，然志在千里，愿以代码改变世界，以技术服务社会。作者写此文时正值十七岁生日前夕，虽习编程数年，然经验尚浅，见解有限，往有不足之处，请在评论区指出。案例简介：本案例选择bun + Next.js作为示例编写了学生成绩管理系统，并借助开发者空间云开发环境提供的免费 GaussDB数据库和HCE2.0开发环境进行本地部署Next.js生态组件、轻松部署上云，直观地展示在实际应用开发中为开发者带来的便利。一、概述1.1 案例介绍Bun + Next.js + tRPC 是一个现代化的全栈 TypeScript Web 开发技术栈，可以快速开发高性能和可维护的网站。Bun 作为超快的 JavaScript 运行时和包管理器，Next.js 负责处理前端和后端开发中的复杂部分，tRPC 提供端到端类型安全的 API 层。在数据库操作方面，本技术栈支持直接使用原生 SQL 语句进行数据库交互，无需额外的 ORM 抽象层，既保证了查询性能的最优化，又提供了最大的灵活性。让开发者可以专注于编写业务逻辑，而无需重复造轮子。本案例借助开发者空间云开发环境部署 Next.js 项目，通过 tRPC 构建类型安全的 API 接口，并直接使用 SQL 语句与开发者空间提供的免费 GaussDB 数据库实例对接，完成一个现代化 Web 应用构建。通过实际操作，让大家深入了解如何利用 Bun + Next.js + tRPC + 原生 SQL 技术栈开发并部署一个高性能的全栈 Web 应用。华为开发者空间，是为全球开发者打造的专属开发者空间，致力于为每位开发者提供一台 云开发环境、一套开发工具和云上存储空间，汇聚昇腾、鸿蒙、鲲鹏、GaussDB、欧拉 等华为各项根技术的开发工具资源，并提供配套案例指导开发者 从开发编码到应用调 测，基于华为根技术生态高效便捷的知识学习、技术体验、应用创新。1.2 适用对象企业个人开发者初高中学生和高校学生1.3 案例时间本案例总时长预计120分钟。1.4 案例流程本案例将通过三个主要步骤，带领大家在华为云开发者空间上构建一个完整的 Bun + Next.js + tRPC + 原生 SQL 全栈应用：第一步：申请华为云开发者空间的 GaussDB 数据库注册并登录华为云开发者空间申请免费的 GaussDB 数据库实例获取数据库连接配置信息第二步：进行华为云开发者空间的云开发环境进行 Bun + Next.js + tRPC 安装与配置创建云开发环境实例安装 Bun 运行时环境初始化 Next.js TypeScript 项目集成 tRPC 框架，配置端到端类型安全的 API设置数据库连接和环境变量第三步：启用 Next.js Web 服务，适配 GaussDB，在客户端测试原生 SQL 的建表和数据操作编写原生 SQL 建表脚本通过 tRPC 封装数据库操作接口启动 Next.js 开发服务器在客户端测试数据库的增删改查功能验证端到端类型安全和性能表现通过这三个步骤，您将完整体验从环境搭建到应用部署的全流程，深入理解 Bun + Next.js + tRPC + 原生 SQL 技术栈在华为云开发者空间上的强大能力。1.5 资源总览本案例预计花费0.8元。资源名称规格单价（元）时长（分钟）华为开发者空间 - 云开发环境鲲鹏通用计算增强型 kc1 2vCPUs 4G免费40华为开发者空间 - 生态版GaussDB单副本集中式版 4 vCPUs 16G HCE OS 64bit (200GB)免费40弹性公网IP按流量计费 5Mbit/s0.8元/GB40二、案例准备工作2.1 配置云开发环境根据案例《开发者空间 - 云开发环境使用指导》，请查看下面链接，配置云开发环境，并通过xshell等链接工具登录云开发环境。开发者空间 - 云开发环境使用指导2.2 领取GaussDB数据库免费领取GaussDB在线试用版（2025年 06月 21日 - 2025年 12月 31日）。华为开发者空间-GaussDB云数据库领取与使用指导注：部署的Django项目需要对接GaussDB，因此GaussDB需要绑定EIP，参考上述指导中领取部分第(5)步bunx create-next-app@latest2.3 验证云开发环境与GaussDB互通通过xshell或windows命令终端登录云开发环境，使用ping [ip]测试GaussDB能否连接，如下是通的2.4 新建数据库及用户修改dn:password_encryption_type字段为1。0表示采用md5方式对密码加密。1表示采用sha256和md5两种方式分别对密码加密，2表示采用sha256方式对密码加密，3表示采用sm3方式对密码加密。MD5加密算法安全性低，存在安全风险，不建议使用。点击右上角登录数据库管理界面创建数据库使用如下图配置。通过右上角登录GaussDB的SQL操作界面，用如下SQL创建Django链接的登录用户。create user myuser with sysadmin password 'GaussDB@123'; 三、Bun + Next.js + Prisma 安装配置指南3.1 安装 Bun# 全局安装 bun sudo npm install -g bun # 验证安装 bun --version # 检查安装位置 which bun3.2 创建 Next.js 项目# 交互式创建next.js项目 bunx create-next-app@latest看到如下输出即为成功创建Next.js项目3.3测试Next.js是否安装成功# 查看项目结构 ls -la # 启动开发服务器测试 bun dev # 在另一个终端测试（如果需要） curl http://localhost:3000 3.4 安装trpc步骤 1: 安装依赖bun add @trpc/server @trpc/client @trpc/react-query @trpc/next @tanstack/react-query zod superjson依赖说明@trpc/server - 服务器端 tRPC 核心@trpc/client - 客户端 tRPC 核心@trpc/react-query - React Query 集成@trpc/next - Next.js 集成@tanstack/react-query - 数据获取和缓存zod - 类型验证superjson - 序列化（支持 Date、BigInt 等）步骤 2: 创建服务器端配置创建 app/lib/trpc.tsimport { initTRPC } from '@trpc/server'; import superjson from 'superjson'; import { ZodError } from 'zod'; const t = initTRPC.create({ transformer: superjson, errorFormatter({ shape, error }) { return { ...shape, data: { ...shape.data, zodError: error.cause instanceof ZodError ? error.cause.issues : null, }, }; }, }); export const createTRPCRouter = t.router; export const publicProcedure = t.procedure; 配置说明transformer: superjson - 使用 SuperJSON 进行序列化errorFormatter - 自定义错误格式化，支持 Zod 验证错误createTRPCRouter - 创建路由的工厂函数publicProcedure - 公开的 API 过程（无需认证）步骤 3: 创建路由tRPC 路由（Router）是服务端定义 API 端点和业务逻辑的核心组件，它通过类型安全的方式组织和管理所有的远程过程调用，包括查询（query）、变更（mutation）和订阅（subscription），并自动生成 TypeScript 类型定义供客户端使用，实现了从后端到前端的完整类型推断和 API 结构管理。创建主路由 app/lib/routers/_app.tsimport { createTRPCRouter } from '../trpc'; export const appRouter = createTRPCRouter({ }); export type AppRouter = typeof appRouter; 步骤 4: 创建 API 路由处理创建 app/api/trpc/[trpc]/route.tsimport { fetchRequestHandler } from '@trpc/server/adapters/fetch'; import { appRouter } from '../../../lib/routers/_app'; const handler = (req: Request) => fetchRequestHandler({ endpoint: '/api/trpc', req, router: appRouter, createContext: () => ({}), }); export { handler as GET, handler as POST }; 说明使用 Next.js App Router 的 API 路由fetchRequestHandler 处理 HTTP 请求createContext 创建请求上下文（当前为空对象）步骤 5: 创建客户端配置创建 utils/trpc.tsimport { createTRPCReact } from '@trpc/react-query'; import { type AppRouter } from '../app/lib/routers/_app'; export const trpc = createTRPCReact<AppRouter>(); 创建独立客户端 utils/trpc-client.tsimport { createTRPCProxyClient, httpBatchLink } from '@trpc/client'; import superjson from 'superjson'; import { type AppRouter } from '../app/lib/routers/_app'; export const trpcClient = createTRPCProxyClient<AppRouter>({ links: [ httpBatchLink({ url: '/api/trpc', transformer: superjson, }), ], }); 步骤 6: 设置提供者创建 app/providers.tsx'use client'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { httpBatchLink } from '@trpc/client'; import React, { useState } from 'react'; import superjson from 'superjson'; import { trpc } from '../utils/trpc'; export function TRPCProvider({ children }: { children: React.ReactNode }) { const [queryClient] = useState(() => new QueryClient()); const [trpcClient] = useState(() => trpc.createClient({ links: [ httpBatchLink({ url: '/api/trpc', transformer: superjson, }), ], }) ); return ( <trpc.Provider client={trpcClient} queryClient={queryClient}> <QueryClientProvider client={queryClient}>{children}</QueryClientProvider> </trpc.Provider> ); } tRPC Provider 是一个配置组件，用于在客户端应用中设置 tRPC 客户端实例，它负责配置 API 端点、管理请求状态和缓存，并提供端到端的 TypeScript 类型安全，让前端能够直接调用后端函数而无需手动定义 API 接口类型。步骤 7: 集成到应用更新 app/layout.tsximport type { Metadata } from "next"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; import { TRPCProvider } from "./providers"; const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }); const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }); export const metadata: Metadata = { title: "Create Next App", description: "Generated by create next app", }; export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( <html lang="en"> <body className={`${geistSans.variable} ${geistMono.variable} antialiased`} > <TRPCProvider>{children}</TRPCProvider> </body> </html> ); } 3.5 连接和初始化数据库并编写相关方法步骤1：安装sql相关依赖bun add pg dotenv bun add -d @types/bun @types/pg tsxdotenv 是一个零依赖的模块，它可以从 .env 文件中加载环境变量到 process.env 中。步骤2：设置数据库连接创建 .env# GaussDB 数据库配置 DB_HOST=your-gaussdb-host.com DB_PORT=3306 DB_USER=your-username DB_PASSWORD=your-password DB_NAME=your-database-name # 可选配置 DB_MAX_CONNECTIONS=20 说明DB_HOST就是你数据库IPDB_PORT为数据库端口默认是8000DB_USER和DB_PASSWORD就是你刚刚创建的用户的密码步骤3：编写数据库相关代码创建 scripts/init-database.ts 用来初始化数据库import { Client } from 'pg'; import dotenv from 'dotenv'; dotenv.config(); //这里连接到数据库，如果连接失败就去检查你的.env文件 const client = new Client({ host: process.env.DB_HOST || 'localhost', port: parseInt(process.env.DB_PORT || '5432'), database: process.env.DB_NAME || 'student_management', user: process.env.DB_USER || 'postgres', password: process.env.DB_PASSWORD || 'password', }); //这里开始初始化数据库 async function initDatabase() { try { console.log('连接数据库...'); await client.connect(); console.log('数据库连接成功'); // 创建学生表 console.log('创建学生表...'); await client.query(` CREATE TABLE IF NOT EXISTS students ( id SERIAL PRIMARY KEY, student_id VARCHAR(20) UNIQUE NOT NULL, name VARCHAR(100) NOT NULL, gender VARCHAR(10) CHECK (gender IN ('男', '女')), birth_date DATE, class_name VARCHAR(50), phone VARCHAR(20), email VARCHAR(100), address TEXT, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); `); // 创建课程表 console.log('创建课程表...'); await client.query(` CREATE TABLE IF NOT EXISTS courses ( id SERIAL PRIMARY KEY, course_code VARCHAR(20) UNIQUE NOT NULL, course_name VARCHAR(100) NOT NULL, credits DECIMAL(3,1) NOT NULL, teacher_name VARCHAR(100), description TEXT, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ); `); // 创建成绩表 console.log('创建成绩表...'); await client.query(` CREATE TABLE IF NOT EXISTS grades ( id SERIAL PRIMARY KEY, student_id INTEGER REFERENCES students(id) ON DELETE CASCADE, course_id INTEGER REFERENCES courses(id) ON DELETE CASCADE, semester VARCHAR(20) NOT NULL, score DECIMAL(5,2) CHECK (score >= 0 AND score <= 100), grade VARCHAR(2) CHECK (grade IN ('A+', 'A', 'A-', 'B+', 'B', 'B-', 'C+', 'C', 'C-', 'D+', 'D', 'F')), exam_date DATE, remarks TEXT, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, UNIQUE(student_id, course_id, semester) ); `); // 插入测试数据 console.log('插入测试数据...'); // 学生数据 实在想不出来什么好名字了。。。就张三李四吧，为啥都是高三呢因为作者高三了 await client.query(` INSERT INTO students (student_id, name, gender, birth_date, class_name, phone, email) VALUES ('2024001', '张三', '男', '2006-03-15', '高三(1)班', '13800138001', 'zhangsan@example.com'), ('2024002', '李四', '女', '2006-07-22', '高三(1)班', '13800138002', 'lisi@example.com'), ('2024003', '王五', '男', '2006-01-10', '高三(1)班', '13800138003', 'wangwu@example.com'), ON CONFLICT (student_id) DO NOTHING; `); // 课程数据 让高中生学高数是不是很好玩 await client.query(` INSERT INTO courses (course_code, course_name, credits, teacher_name, description) VALUES ('MATH101', '数学', 4.0, '陈老师', '高等数学基础课程'), ('CHI101', '语文', 4.0, '刘老师', '语文基础课程'), ('ENG101', '英语', 4.0, '王老师', '英语基础课程'), ('PHY101', '物理', 3.5, '李老师', '物理基础课程'), ('CHE101', '化学', 3.5, '张老师', '化学基础课程'), ('BIO101', '生物', 3.0, '赵老师', '生物基础课程') ON CONFLICT (course_code) DO NOTHING; `); // 成绩数据 await client.query(` INSERT INTO grades (student_id, course_id, semester, score, grade, exam_date) VALUES (1, 1, '2024-春季', 85.5, 'B+', '2024-06-15'), (1, 2, '2024-春季', 92.0, 'A', '2024-06-16'), (1, 3, '2024-春季', 78.5, 'C+', '2024-06-17'), (2, 1, '2024-春季', 95.0, 'A+', '2024-06-15'), (2, 2, '2024-春季', 88.5, 'B+', '2024-06-16'), (2, 3, '2024-春季', 91.0, 'A', '2024-06-17'), (3, 1, '2024-春季', 72.0, 'C', '2024-06-15'), (3, 2, '2024-春季', 85.0, 'B+', '2024-06-16'), (3, 3, '2024-春季', 79.5, 'C+', '2024-06-17') ON CONFLICT (student_id, course_id, semester) DO NOTHING; `); // 创建索引 console.log('创建索引...'); await client.query(` CREATE INDEX IF NOT EXISTS idx_students_student_id ON students(student_id); CREATE INDEX IF NOT EXISTS idx_students_class_name ON students(class_name); CREATE INDEX IF NOT EXISTS idx_courses_course_code ON courses(course_code); CREATE INDEX IF NOT EXISTS idx_grades_student_id ON grades(student_id); CREATE INDEX IF NOT EXISTS idx_grades_course_id ON grades(course_id); CREATE INDEX IF NOT EXISTS idx_grades_semester ON grades(semester); `); console.log('数据库初始化完成！'); // 显示统计 const stats = await client.query(` SELECT (SELECT COUNT(*) FROM students) as student_count, (SELECT COUNT(*) FROM courses) as course_count, (SELECT COUNT(*) FROM grades) as grade_count; `); console.log(`学生数量: ${stats.rows[0].student_count}`); console.log(`课程数量: ${stats.rows[0].course_count}`); console.log(`成绩记录: ${stats.rows[0].grade_count}`); } catch (error) { console.error('数据库初始化失败:', error); throw error; } finally { await client.end(); console.log('数据库连接已关闭'); } } if (require.main === module) { initDatabase() .then(() => { console.log('数据库初始化完成！'); process.exit(0); }) .catch((error) => { console.error('初始化失败:', error); process.exit(1); }); } export { initDatabase }; 创建 types/database.ts 类型文件// 学生信息 export interface Student { id: number; student_id: string; name: string; gender: '男' | '女'; birth_date: Date | null; class_name: string | null; phone: string | null; email: string | null; address: string | null; created_at: Date; updated_at: Date; } // 课程信息 export interface Course { id: number; course_code: string; course_name: string; credits: number; teacher_name: string | null; description: string | null; created_at: Date; updated_at: Date; } // 成绩信息 export interface Grade { id: number; student_id: number; course_id: number; semester: string; score: number | null; grade: 'A+' | 'A' | 'A-' | 'B+' | 'B' | 'B-' | 'C+' | 'C' | 'C-' | 'D+' | 'D' | 'F' | null; exam_date: Date | null; remarks: string | null; created_at: Date; updated_at: Date; } // 成绩详情（包含学生和课程信息） export interface GradeWithDetails { id: number; student_id: number; course_id: number; semester: string; score: number | null; grade: string | null; exam_date: Date | null; remarks: string | null; student_name: string; student_id_code: string; course_name: string; course_code: string; teacher_name: string | null; created_at: Date; updated_at: Date; } // 学生成绩统计 export interface StudentGradeStats { student_id: number; student_name: string; student_id_code: string; class_name: string | null; total_courses: number; average_score: number; total_credits: number; gpa: number; } // 课程成绩统计 export interface CourseGradeStats { course_id: number; course_name: string; course_code: string; teacher_name: string | null; total_students: number; average_score: number; highest_score: number; lowest_score: number; pass_rate: number; } // 查询参数 export interface StudentQueryParams { page?: number; limit?: number; search?: string; class_name?: string; gender?: '男' | '女'; } export interface GradeQueryParams { page?: number; limit?: number; student_id?: number; course_id?: number; semester?: string; min_score?: number; max_score?: number; } // 创建学生参数 export interface CreateStudentParams { student_id: string; name: string; gender: '男' | '女'; birth_date?: Date; class_name?: string; phone?: string; email?: string; address?: string; } // 更新学生参数 export interface UpdateStudentParams { name?: string; gender?: '男' | '女'; birth_date?: Date; class_name?: string; phone?: string; email?: string; address?: string; } // 创建成绩参数 export interface CreateGradeParams { student_id: number; course_id: number; semester: string; score?: number; grade?: string; exam_date?: Date; remarks?: string; } // 更新成绩参数 export interface UpdateGradeParams { score?: number; grade?: string; exam_date?: Date; remarks?: string; } // 创建课程参数 export interface CreateCourseParams { course_code: string; course_name: string; credits: number; teacher_name?: string; description?: string; } // 更新课程参数 export interface UpdateCourseParams { course_name?: string; credits?: number; teacher_name?: string; description?: string; } 创建lib/database.ts提供相关数据库操作方法import { Pool, PoolClient } from 'pg'; import dotenv from 'dotenv'; import { Student, Course, Grade, GradeWithDetails, StudentGradeStats, CourseGradeStats, StudentQueryParams, GradeQueryParams, CreateStudentParams, UpdateStudentParams, CreateGradeParams, UpdateGradeParams, CreateCourseParams, UpdateCourseParams, } from '../types/database'; dotenv.config(); class DatabaseService { private pool: Pool; constructor() { this.pool = new Pool({ host: process.env.DB_HOST || 'localhost', port: parseInt(process.env.DB_PORT || '5432'), database: process.env.DB_NAME || 'student_management', user: process.env.DB_USER || 'postgres', password: process.env.DB_PASSWORD || 'password', max: 20, idleTimeoutMillis: 30000, connectionTimeoutMillis: 2000, }); // 监听连接错误 this.pool.on('error', (err) => { console.error('数据库连接池错误:', err); }); } // 获取数据库连接 async getClient(): Promise<PoolClient> { return await this.pool.connect(); } // 关闭连接池 async close(): Promise<void> { await this.pool.end(); } // 学生相关方法 async getStudents(params: StudentQueryParams = {}): Promise<Student[]> { const { page = 1, limit = 10, search, class_name, gender } = params; const offset = (page - 1) * limit; let query = 'SELECT * FROM students WHERE 1=1'; const values: any[] = []; let paramIndex = 1; if (search) { query += ` AND (name ILIKE $${paramIndex} OR student_id ILIKE $${paramIndex})`; values.push(`%${search}%`); paramIndex++; } if (class_name) { query += ` AND class_name = $${paramIndex}`; values.push(class_name); paramIndex++; } if (gender) { query += ` AND gender = $${paramIndex}`; values.push(gender); paramIndex++; } query += ` ORDER BY created_at DESC LIMIT $${paramIndex} OFFSET $${paramIndex + 1}`; values.push(limit, offset); const client = await this.getClient(); try { const result = await client.query(query, values); return result.rows; } finally { client.release(); } } async getStudentById(id: number): Promise<Student | null> { const client = await this.getClient(); try { const result = await client.query('SELECT * FROM students WHERE id = $1', [id]); return result.rows[0] || null; } finally { client.release(); } } async getStudentByStudentId(studentId: string): Promise<Student | null> { const client = await this.getClient(); try { const result = await client.query('SELECT * FROM students WHERE student_id = $1', [studentId]); return result.rows[0] || null; } finally { client.release(); } } async createStudent(params: CreateStudentParams): Promise<Student> { const client = await this.getClient(); try { const result = await client.query(` INSERT INTO students (student_id, name, gender, birth_date, class_name, phone, email, address) VALUES ($1, $2, $3, $4, $5, $6, $7, $8) RETURNING * `, [ params.student_id, params.name, params.gender, params.birth_date, params.class_name, params.phone, params.email, params.address, ]); return result.rows[0]; } finally { client.release(); } } async updateStudent(id: number, params: UpdateStudentParams): Promise<Student | null> { const client = await this.getClient(); try { const fields = Object.keys(params).filter(key => params[key as keyof UpdateStudentParams] !== undefined); if (fields.length === 0) return null; const setClause = fields.map((field, index) => `${field} = $${index + 2}`).join(', '); const values = [id, ...fields.map(field => params[field as keyof UpdateStudentParams])]; const result = await client.query(` UPDATE students SET ${setClause}, updated_at = CURRENT_TIMESTAMP WHERE id = $1 RETURNING * `, values); return result.rows[0] || null; } finally { client.release(); } } async deleteStudent(id: number): Promise<boolean> { const client = await this.getClient(); try { const result = await client.query('DELETE FROM students WHERE id = $1', [id]); return (result.rowCount || 0) > 0; } finally { client.release(); } } // 课程相关方法 async getCourses(): Promise<Course[]> { const client = await this.getClient(); try { const result = await client.query('SELECT * FROM courses ORDER BY course_code'); return result.rows; } finally { client.release(); } } async getCourseById(id: number): Promise<Course | null> { const client = await this.getClient(); try { const result = await client.query('SELECT * FROM courses WHERE id = $1', [id]); return result.rows[0] || null; } finally { client.release(); } } async createCourse(params: CreateCourseParams): Promise<Course> { const client = await this.getClient(); try { const result = await client.query(` INSERT INTO courses (course_code, course_name, credits, teacher_name, description) VALUES ($1, $2, $3, $4, $5) RETURNING * `, [ params.course_code, params.course_name, params.credits, params.teacher_name, params.description, ]); return result.rows[0]; } finally { client.release(); } } async updateCourse(id: number, params: UpdateCourseParams): Promise<Course | null> { const client = await this.getClient(); try { const fields = Object.keys(params).filter(key => params[key as keyof typeof params] !== undefined); if (fields.length === 0) return null; const setClause = fields.map((field, index) => `${field} = $${index + 2}`).join(', '); const values = [id, ...fields.map(field => params[field as keyof typeof params])]; const result = await client.query(` UPDATE courses SET ${setClause}, updated_at = CURRENT_TIMESTAMP WHERE id = $1 RETURNING * `, values); return result.rows[0] || null; } finally { client.release(); } } // 成绩相关方法 async getGrades(params: GradeQueryParams = {}): Promise<GradeWithDetails[]> { const { page = 1, limit = 10, student_id, course_id, semester, min_score, max_score } = params; const offset = (page - 1) * limit; let query = ` SELECT g.*, s.name as student_name, s.student_id as student_id_code, c.course_name, c.course_code, c.teacher_name FROM grades g JOIN students s ON g.student_id = s.id JOIN courses c ON g.course_id = c.id WHERE 1=1 `; const values: any[] = []; let paramIndex = 1; if (student_id) { query += ` AND g.student_id = $${paramIndex}`; values.push(student_id); paramIndex++; } if (course_id) { query += ` AND g.course_id = $${paramIndex}`; values.push(course_id); paramIndex++; } if (semester) { query += ` AND g.semester = $${paramIndex}`; values.push(semester); paramIndex++; } if (min_score !== undefined) { query += ` AND g.score >= $${paramIndex}`; values.push(min_score); paramIndex++; } if (max_score !== undefined) { query += ` AND g.score <= $${paramIndex}`; values.push(max_score); paramIndex++; } query += ` ORDER BY g.created_at DESC LIMIT $${paramIndex} OFFSET $${paramIndex + 1}`; values.push(limit, offset); const client = await this.getClient(); try { const result = await client.query(query, values); return result.rows; } finally { client.release(); } } async getGradeById(id: number): Promise<GradeWithDetails | null> { const client = await this.getClient(); try { const result = await client.query(` SELECT g.*, s.name as student_name, s.student_id as student_id_code, c.course_name, c.course_code, c.teacher_name FROM grades g JOIN students s ON g.student_id = s.id JOIN courses c ON g.course_id = c.id WHERE g.id = $1 `, [id]); return result.rows[0] || null; } finally { client.release(); } } async createGrade(params: CreateGradeParams): Promise<Grade> { const client = await this.getClient(); try { const result = await client.query(` INSERT INTO grades (student_id, course_id, semester, score, grade, exam_date, remarks) VALUES ($1, $2, $3, $4, $5, $6, $7) RETURNING * `, [ params.student_id, params.course_id, params.semester, params.score, params.grade, params.exam_date, params.remarks, ]); return result.rows[0]; } finally { client.release(); } } async updateGrade(id: number, params: UpdateGradeParams): Promise<Grade | null> { const client = await this.getClient(); try { const fields = Object.keys(params).filter(key => params[key as keyof UpdateGradeParams] !== undefined); if (fields.length === 0) return null; const setClause = fields.map((field, index) => `${field} = $${index + 2}`).join(', '); const values = [id, ...fields.map(field => params[field as keyof UpdateGradeParams])]; const result = await client.query(` UPDATE grades SET ${setClause}, updated_at = CURRENT_TIMESTAMP WHERE id = $1 RETURNING * `, values); return result.rows[0] || null; } finally { client.release(); } } async deleteGrade(id: number): Promise<boolean> { const client = await this.getClient(); try { const result = await client.query('DELETE FROM grades WHERE id = $1', [id]); return (result.rowCount || 0) > 0; } finally { client.release(); } } // 统计方法 async getStudentGradeStats(studentId: number): Promise<StudentGradeStats | null> { const client = await this.getClient(); try { const result = await client.query(` SELECT s.id as student_id, s.name as student_name, s.student_id as student_id_code, s.class_name, COUNT(g.id) as total_courses, AVG(g.score) as average_score, SUM(c.credits) as total_credits, AVG(CASE WHEN g.grade = 'A+' THEN 4.3 WHEN g.grade = 'A' THEN 4.0 WHEN g.grade = 'A-' THEN 3.7 WHEN g.grade = 'B+' THEN 3.3 WHEN g.grade = 'B' THEN 3.0 WHEN g.grade = 'B-' THEN 2.7 WHEN g.grade = 'C+' THEN 2.3 WHEN g.grade = 'C' THEN 2.0 WHEN g.grade = 'C-' THEN 1.7 WHEN g.grade = 'D+' THEN 1.3 WHEN g.grade = 'D' THEN 1.0 WHEN g.grade = 'F' THEN 0.0 ELSE NULL END) as gpa FROM students s LEFT JOIN grades g ON s.id = g.student_id LEFT JOIN courses c ON g.course_id = c.id WHERE s.id = $1 GROUP BY s.id, s.name, s.student_id, s.class_name `, [studentId]); return result.rows[0] || null; } finally { client.release(); } } async getCourseGradeStats(courseId: number): Promise<CourseGradeStats | null> { const client = await this.getClient(); try { const result = await client.query(` SELECT c.id as course_id, c.course_name, c.course_code, c.teacher_name, COUNT(g.id) as total_students, AVG(g.score) as average_score, MAX(g.score) as highest_score, MIN(g.score) as lowest_score, (COUNT(CASE WHEN g.score >= 60 THEN 1 END) * 100.0 / COUNT(g.id)) as pass_rate FROM courses c LEFT JOIN grades g ON c.id = g.course_id WHERE c.id = $1 GROUP BY c.id, c.course_name, c.course_code, c.teacher_name `, [courseId]); return result.rows[0] || null; } finally { client.release(); } } } // 创建单例实例 const databaseService = new DatabaseService(); export default databaseService; 步骤4：初始化数据库在package.json的scripts中添加 "db:init": "tsx scripts/init-database.ts", 然后执行bun run db:init看到输出数据库初始化完成！即为成功初始化初始化后可以在华为云的数据库管理界面看到有三张表被创建了!3.6 编写业务代码步骤1：trpc路由创建app/lib/routers/course.tsimport { z } from 'zod'; import { createTRPCRouter, publicProcedure } from '../trpc'; import databaseService from '../../../lib/database'; export const courseRouter = createTRPCRouter({ // 获取所有课程 getAll: publicProcedure .query(async () => { return await databaseService.getCourses(); }), // 根据ID获取课程 getById: publicProcedure .input(z.number()) .query(async ({ input }) => { return await databaseService.getCourseById(input); }), // 创建课程 create: publicProcedure .input(z.object({ course_code: z.string(), course_name: z.string(), credits: z.number(), teacher_name: z.string().optional(), description: z.string().optional(), })) .mutation(async ({ input }) => { return await databaseService.createCourse(input); }), // 更新课程 update: publicProcedure .input(z.object({ id: z.number(), data: z.object({ course_name: z.string().optional(), credits: z.number().optional(), teacher_name: z.string().optional(), description: z.string().optional(), }), })) .mutation(async ({ input }) => { return await databaseService.updateCourse(input.id, input.data); }), // 获取课程成绩统计 getGradeStats: publicProcedure .input(z.number()) .query(async ({ input }) => { return await databaseService.getCourseGradeStats(input); }), }); 创建app/lib/routers/grade.tsimport { z } from 'zod'; import { createTRPCRouter, publicProcedure } from '../trpc'; import databaseService from '../../../lib/database'; export const gradeRouter = createTRPCRouter({ // 获取所有成绩 getAll: publicProcedure .input(z.object({ page: z.number().optional(), limit: z.number().optional(), student_id: z.number().optional(), course_id: z.number().optional(), semester: z.string().optional(), min_score: z.number().optional(), max_score: z.number().optional(), }).optional()) .query(async ({ input }) => { return await databaseService.getGrades(input); }), // 根据ID获取成绩 getById: publicProcedure .input(z.number()) .query(async ({ input }) => { return await databaseService.getGradeById(input); }), // 创建成绩 create: publicProcedure .input(z.object({ student_id: z.number(), course_id: z.number(), semester: z.string(), score: z.number().optional(), grade: z.string().optional(), exam_date: z.date().optional(), remarks: z.string().optional(), })) .mutation(async ({ input }) => { return await databaseService.createGrade(input); }), // 更新成绩 update: publicProcedure .input(z.object({ id: z.number(), data: z.object({ score: z.number().optional(), grade: z.string().optional(), exam_date: z.date().optional(), remarks: z.string().optional(), }), })) .mutation(async ({ input }) => { return await databaseService.updateGrade(input.id, input.data); }), // 删除成绩 delete: publicProcedure .input(z.number()) .mutation(async ({ input }) => { return await databaseService.deleteGrade(input); }), // 获取学生成绩 getByStudent: publicProcedure .input(z.object({ student_id: z.number(), semester: z.string().optional(), })) .query(async ({ input }) => { return await databaseService.getGrades({ student_id: input.student_id, semester: input.semester, }); }), // 获取课程成绩 getByCourse: publicProcedure .input(z.object({ course_id: z.number(), semester: z.string().optional(), })) .query(async ({ input }) => { return await databaseService.getGrades({ course_id: input.course_id, semester: input.semester, }); }), }); 创建app/lib/routers/student.tsimport { z } from 'zod'; import { createTRPCRouter, publicProcedure } from '../trpc'; import databaseService from '../../../lib/database'; export const studentRouter = createTRPCRouter({ // 获取所有学生 getAll: publicProcedure .input(z.object({ page: z.number().optional(), limit: z.number().optional(), search: z.string().optional(), class_name: z.string().optional(), gender: z.enum(['男', '女']).optional(), }).optional()) .query(async ({ input }) => { return await databaseService.getStudents(input); }), // 根据ID获取学生 getById: publicProcedure .input(z.number()) .query(async ({ input }) => { return await databaseService.getStudentById(input); }), // 根据学号获取学生 getByStudentId: publicProcedure .input(z.string()) .query(async ({ input }) => { return await databaseService.getStudentByStudentId(input); }), // 创建学生 create: publicProcedure .input(z.object({ student_id: z.string(), name: z.string(), gender: z.enum(['男', '女']), birth_date: z.date().optional(), class_name: z.string().optional(), phone: z.string().optional(), email: z.string().email().optional(), address: z.string().optional(), })) .mutation(async ({ input }) => { return await databaseService.createStudent(input); }), // 更新学生 update: publicProcedure .input(z.object({ id: z.number(), data: z.object({ name: z.string().optional(), gender: z.enum(['男', '女']).optional(), birth_date: z.date().optional(), class_name: z.string().optional(), phone: z.string().optional(), email: z.string().email().optional(), address: z.string().optional(), }), })) .mutation(async ({ input }) => { return await databaseService.updateStudent(input.id, input.data); }), // 删除学生 delete: publicProcedure .input(z.number()) .mutation(async ({ input }) => { return await databaseService.deleteStudent(input); }), // 获取学生成绩统计 getGradeStats: publicProcedure .input(z.number()) .query(async ({ input }) => { return await databaseService.getStudentGradeStats(input); }), }); 更新主路由文件app/lib/routers/_app.tsimport { createTRPCRouter } from '../trpc'; import { studentRouter } from './student'; import { courseRouter } from './course'; import { gradeRouter } from './grade'; export const appRouter = createTRPCRouter({ student: studentRouter, course: courseRouter, grade: gradeRouter, }); export type AppRouter = typeof appRouter; 步骤2：编写前端页面app/page.tsx'use client'; import { useState } from 'react'; import { trpc } from "../utils/trpc"; import Navigation from './components/Navigation'; import StudentManager from './components/StudentManager'; import CourseManager from './components/CourseManager'; import GradeManager from './components/GradeManager'; import ReportManager from './components/ReportManager'; function StatCard({ title, value, icon }: { title: string; value: string | number; icon: string }) { return ( <div className="bg-white rounded-lg shadow p-6"> <div className="flex items-center"> <div className="flex-1"> <p className="text-sm text-black">{title}</p> <p className="text-2xl font-bold text-black">{value}</p> </div> <div className="text-3xl">{icon}</div> </div> </div> ); } function SimpleTable({ title, data, columns }: { title: string; data: any[]; columns: { key: string; label: string }[]; }) { if (!data || data.length === 0) { return ( <div className="bg-white rounded-lg shadow p-6"> <h3 className="text-lg font-semibold mb-4 text-black">{title}</h3> <p className="text-black">暂无数据</p> </div> ); } return ( <div className="rounded-lg shadow p-6 bg-white"> <h3 className="text-lg font-semibold mb-4 text-black">{title}</h3> <div className="overflow-x-auto"> <table className="w-full"> <thead> <tr className="border-b"> {columns.map((col) => ( <th key={col.key} className="text-left py-2 px-4 font-medium text-black"> {col.label} </th> ))} </tr> </thead> <tbody> {data.slice(0, 5).map((row, index) => ( <tr key={index} className="border-b hover:bg-gray-50 text-black"> {columns.map((col) => ( <td key={col.key} className="py-2 px-4 text-black"> {row[col.key] || '-'} </td> ))} </tr> ))} </tbody> </table> </div> {data.length > 5 && ( <p className="text-sm text-gray-500 mt-2">显示前5条，共{data.length}条</p> )} </div> ); } export default function HomePage() { const [currentPage, setCurrentPage] = useState('dashboard'); const students = trpc.student.getAll.useQuery(); const courses = trpc.course.getAll.useQuery(); const grades = trpc.grade.getAll.useQuery({ limit: 10 }); const allGrades = trpc.grade.getAll.useQuery(); const totalStudents = students.data?.length || 0; const totalCourses = courses.data?.length || 0; const totalGrades = allGrades.data?.length || 0; const validGrades = allGrades.data?.filter(grade => grade.score !== null && grade.score !== undefined) || []; const avgScore = validGrades.length > 0 ? (validGrades.reduce((sum, grade) => sum + (parseFloat(String(grade.score)) || 0), 0) / validGrades.length).toFixed(1) : '0.0'; const showPage = () => { switch (currentPage) { case 'students': return <StudentManager />; case 'courses': return <CourseManager />; case 'grades': return <GradeManager />; case 'reports': return <ReportManager />; default: return ( <div className="space-y-6"> <div className="grid grid-cols-2 md:grid-cols-4 gap-4"> <StatCard title="学生总数" value={totalStudents} icon="👥" /> <StatCard title="课程总数" value={totalCourses} icon="📚" /> <StatCard title="成绩记录" value={totalGrades} icon="📊" /> <StatCard title="平均分" value={avgScore} icon="⭐" /> </div> <div className="grid grid-cols-1 lg:grid-cols-2 gap-6"> <SimpleTable title="学生列表" data={students.data || []} columns={[ { key: 'name', label: '姓名' }, { key: 'student_id', label: '学号' }, { key: 'class_name', label: '班级' } ]} /> <SimpleTable title="课程列表" data={courses.data || []} columns={[ { key: 'course_name', label: '课程名称' }, { key: 'teacher_name', label: '教师' }, { key: 'credits', label: '学分' } ]} /> </div> <SimpleTable title="最新成绩" data={grades.data || []} columns={[ { key: 'student_name', label: '学生' }, { key: 'course_name', label: '课程' }, { key: 'score', label: '分数' }, { key: 'semester', label: '学期' } ]} /> </div> ); } }; return ( <div className="min-h-screen bg-gray-50"> <Navigation currentPage={currentPage} onPageChange={setCurrentPage} /> <main className="max-w-7xl mx-auto px-4 py-8"> {showPage()} </main> <footer className="bg-white border-t mt-12 py-6"> <div className="max-w-7xl mx-auto px-4 text-center text-gray-500 text-sm"> <p>学生成绩管理系统 作者dylan su</p> </div> </footer> </div> ); } app/components/Navigation.tsx'use client'; import { useState } from 'react'; interface NavigationProps { currentPage: string; onPageChange: (page: string) => void; } export default function Navigation({ currentPage, onPageChange }: NavigationProps) { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const menuItems = [ { id: 'dashboard', label: '仪表板' }, { id: 'students', label: '学生管理' }, { id: 'courses', label: '课程管理'}, { id: 'grades', label: '成绩管理' }, { id: 'reports', label: '统计报表'}, ]; return ( <nav className="bg-white shadow-sm border-b"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="flex justify-between h-16"> <div className="flex items-center"> <div className="flex-shrink-0 flex items-center"> <span className="text-xl font-bold text-gray-900">学生管理系统</span> </div> </div> <div className="hidden md:flex items-center space-x-8"> {menuItems.map((item) => ( <button key={item.id} onClick={() => onPageChange(item.id)} className={`flex items-center px-3 py-2 rounded-md text-sm font-medium transition-colors ${ currentPage === item.id ? 'bg-blue-100 text-blue-700' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50' }`} > {item.label} </button> ))} </div> <div className="md:hidden flex items-center"> <button onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)} className="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" > <span className="sr-only">打开主菜单</span> {isMobileMenuOpen ? ( <svg className="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" /> </svg> ) : ( <svg className="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" /> </svg> )} </button> </div> </div> </div> {isMobileMenuOpen && ( <div className="md:hidden"> <div className="px-2 pt-2 pb-3 space-y-1 sm:px-3 bg-white border-t"> {menuItems.map((item) => ( <button key={item.id} onClick={() => { onPageChange(item.id); setIsMobileMenuOpen(false); }} className={`flex items-center w-full px-3 py-2 rounded-md text-base font-medium transition-colors ${ currentPage === item.id ? 'bg-blue-100 text-blue-700' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50' }`} > {item.label} </button> ))} </div> </div> )} </nav> ); } app/components/StudentManager.tsx'use client'; import { useState } from 'react'; import { trpc } from '../../utils/trpc'; export default function StudentManager() { const [showForm, setShowForm] = useState(false); const [editingId, setEditingId] = useState<number | null>(null); const [form, setForm] = useState({ student_id: '', name: '', gender: '男' as '男' | '女', class_name: '', phone: '', email: '' }); const students = trpc.student.getAll.useQuery(); const createStudent = trpc.student.create.useMutation({ onSuccess: () => { students.refetch(); resetForm(); } }); const updateStudent = trpc.student.update.useMutation({ onSuccess: () => { students.refetch(); resetForm(); } }); const deleteStudent = trpc.student.delete.useMutation({ onSuccess: () => students.refetch() }); const resetForm = () => { setForm({ student_id: '', name: '', gender: '男', class_name: '', phone: '', email: '' }); setEditingId(null); setShowForm(false); }; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); if (editingId) { updateStudent.mutate({ id: editingId, data: form }); } else { createStudent.mutate(form); } }; const handleEdit = (student: any) => { setEditingId(student.id); setForm({ student_id: student.student_id, name: student.name, gender: student.gender, class_name: student.class_name || '', phone: student.phone || '', email: student.email || '' }); setShowForm(true); }; const handleDelete = (id: number) => { if (confirm('确定删除这个学生？')) { deleteStudent.mutate(id); } }; return ( <div className="space-y-6 text-black"> <div className="flex justify-between items-center"> <h1 className="text-2xl font-bold">学生管理</h1> <button onClick={() => setShowForm(true)} className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600" > 添加学生 </button> </div> <div className="bg-white rounded-lg shadow p-6"> <h2 className="text-lg font-semibold mb-4">学生列表</h2> {students.isLoading ? ( <p>加载中...</p> ) : students.error ? ( <p className="text-red-500">加载失败</p> ) : ( <div className="overflow-x-auto"> <table className="w-full"> <thead> <tr className="border-b"> <th className="text-left py-2 px-4">学号</th> <th className="text-left py-2 px-4">姓名</th> <th className="text-left py-2 px-4">性别</th> <th className="text-left py-2 px-4">班级</th> <th className="text-left py-2 px-4">操作</th> </tr> </thead> <tbody> {students.data?.map((student) => ( <tr key={student.id} className="border-b hover:bg-gray-50"> <td className="py-2 px-4">{student.student_id}</td> <td className="py-2 px-4">{student.name}</td> <td className="py-2 px-4">{student.gender}</td> <td className="py-2 px-4">{student.class_name || '-'}</td> <td className="py-2 px-4"> <button onClick={() => handleEdit(student)} className="text-blue-600 hover:text-blue-800 mr-2" > 编辑 </button> <button onClick={() => handleDelete(student.id)} className="text-red-600 hover:text-red-800" > 删除 </button> </td> </tr> ))} </tbody> </table> </div> )} </div> {showForm && ( <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center"> <div className="bg-white rounded-lg p-6 w-full max-w-md"> <h2 className="text-lg font-semibold mb-4"> {editingId ? '编辑学生' : '添加学生'} </h2> <form onSubmit={handleSubmit} className="space-y-4"> <div> <label className="block text-sm font-medium mb-1">学号</label> <input type="text" value={form.student_id} onChange={(e) => setForm({...form, student_id: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" required /> </div> <div> <label className="block text-sm font-medium mb-1">姓名</label> <input type="text" value={form.name} onChange={(e) => setForm({...form, name: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" required /> </div> <div> <label className="block text-sm font-medium mb-1">性别</label> <select value={form.gender} onChange={(e) => setForm({...form, gender: e.target.value as '男' | '女'})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" > <option value="男">男</option> <option value="女">女</option> </select> </div> <div> <label className="block text-sm font-medium mb-1">班级</label> <input type="text" value={form.class_name} onChange={(e) => setForm({...form, class_name: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" /> </div> <div> <label className="block text-sm font-medium mb-1">电话</label> <input type="text" value={form.phone} onChange={(e) => setForm({...form, phone: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" /> </div> <div> <label className="block text-sm font-medium mb-1">邮箱</label> <input type="email" value={form.email} onChange={(e) => setForm({...form, email: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" /> </div> <div className="flex gap-2 pt-4"> <button type="submit" className="flex-1 bg-blue-500 text-white py-2 rounded hover:bg-blue-600" disabled={createStudent.isPending || updateStudent.isPending} > {createStudent.isPending || updateStudent.isPending ? '保存中...' : '保存'} </button> <button type="button" onClick={resetForm} className="flex-1 bg-gray-500 text-white py-2 rounded hover:bg-gray-600" > 取消 </button> </div> </form> </div> </div> )} </div> ); } app/components/ReportManager.tsx'use client'; import { trpc } from '../../utils/trpc'; export default function ReportManager() { const students = trpc.student.getAll.useQuery(); const courses = trpc.course.getAll.useQuery(); const grades = trpc.grade.getAll.useQuery(); // 计算统计数据 const totalStudents = students.data?.length || 0; const totalCourses = courses.data?.length || 0; const totalGrades = grades.data?.length || 0; // 计算平均分 - 只计算有效的成绩，处理字符串类型的分数 const validGrades = grades.data?.filter(grade => grade.score !== null && grade.score !== undefined) || []; const avgScore = validGrades.length > 0 ? (validGrades.reduce((sum, grade) => sum + (parseFloat(String(grade.score)) || 0), 0) / validGrades.length).toFixed(1) : '0.0'; // 分数分布 - 只使用有效的成绩，处理字符串类型的分数 const scoreDistribution = validGrades.length > 0 ? { excellent: validGrades.filter(g => parseFloat(String(g.score)) >= 90).length, good: validGrades.filter(g => parseFloat(String(g.score)) >= 80 && parseFloat(String(g.score)) < 90).length, average: validGrades.filter(g => parseFloat(String(g.score)) >= 70 && parseFloat(String(g.score)) < 80).length, poor: validGrades.filter(g => parseFloat(String(g.score)) < 70).length } : { excellent: 0, good: 0, average: 0, poor: 0 }; return ( <div className="space-y-6 text-black"> <h1 className="text-2xl font-bold">统计报表</h1> <div className="grid grid-cols-2 md:grid-cols-4 gap-4"> <div className="bg-white rounded-lg shadow p-6"> <div className="flex items-center"> <div className="flex-1"> <p className="text-sm text-black">学生总数</p> <p className="text-2xl font-bold text-black">{totalStudents}</p> </div> <div className="text-3xl">👥</div> </div> </div> <div className="bg-white rounded-lg shadow p-6"> <div className="flex items-center"> <div className="flex-1"> <p className="text-sm text-black">课程总数</p> <p className="text-2xl font-bold text-black">{totalCourses}</p> </div> <div className="text-3xl">📚</div> </div> </div> <div className="bg-white rounded-lg shadow p-6"> <div className="flex items-center"> <div className="flex-1"> <p className="text-sm text-black">成绩记录</p> <p className="text-2xl font-bold text-black">{totalGrades}</p> </div> <div className="text-3xl">📊</div> </div> </div> <div className="bg-white rounded-lg shadow p-6"> <div className="flex items-center"> <div className="flex-1"> <p className="text-sm text-black">平均分</p> <p className="text-2xl font-bold text-black">{avgScore}</p> </div> <div className="text-3xl">⭐</div> </div> </div> </div> <div className="bg-white rounded-lg shadow p-6"> <h2 className="text-lg font-semibold mb-4">分数分布</h2> <div className="grid grid-cols-2 md:grid-cols-4 gap-4"> <div className="text-center"> <div className="text-2xl font-bold text-green-600">{scoreDistribution.excellent}</div> <div className="text-sm text-gray-600">优秀 (90+)</div> </div> <div className="text-center"> <div className="text-2xl font-bold text-blue-600">{scoreDistribution.good}</div> <div className="text-sm text-gray-600">良好 (80-89)</div> </div> <div className="text-center"> <div className="text-2xl font-bold text-yellow-600">{scoreDistribution.average}</div> <div className="text-sm text-gray-600">中等 (70-79)</div> </div> <div className="text-center"> <div className="text-2xl font-bold text-red-600">{scoreDistribution.poor}</div> <div className="text-sm text-gray-600">需努力 (&lt;70)</div> </div> </div> </div> <div className="bg-white rounded-lg shadow p-6"> <h2 className="text-lg font-semibold mb-4">课程平均分</h2> {courses.isLoading ? ( <p>加载中...</p> ) : ( <div className="space-y-3"> {courses.data?.map((course) => { const courseGrades = grades.data?.filter(g => g.course_id === course.id) || []; const avg = courseGrades.length > 0 ? (courseGrades.reduce((sum, g) => sum + (parseFloat(String(g.score)) || 0), 0) / courseGrades.length).toFixed(1) : '0.0'; return ( <div key={course.id} className="flex justify-between items-center py-2 border-b"> <span>{course.course_name}</span> <span className="font-semibold">{avg}分</span> </div> ); })} </div> )} </div> </div> ); } app/components/GradeManager.tsx'use client'; import { useState } from 'react'; import { trpc } from '../../utils/trpc'; export default function GradeManager() { const [showForm, setShowForm] = useState(false); const [editingId, setEditingId] = useState<number | null>(null); const [form, setForm] = useState({ student_id: 0, course_id: 0, score: 0, semester: '' }); const grades = trpc.grade.getAll.useQuery(); const students = trpc.student.getAll.useQuery(); const courses = trpc.course.getAll.useQuery(); const createGrade = trpc.grade.create.useMutation({ onSuccess: () => { grades.refetch(); resetForm(); } }); const updateGrade = trpc.grade.update.useMutation({ onSuccess: () => { grades.refetch(); resetForm(); } }); const deleteGrade = trpc.grade.delete.useMutation({ onSuccess: () => grades.refetch() }); const resetForm = () => { setForm({ student_id: 0, course_id: 0, score: 0, semester: '' }); setEditingId(null); setShowForm(false); }; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); if (editingId) { updateGrade.mutate({ id: editingId, data: form }); } else { createGrade.mutate(form); } }; const handleEdit = (grade: any) => { setEditingId(grade.id); setForm({ student_id: grade.student_id, course_id: grade.course_id, score: grade.score, semester: grade.semester }); setShowForm(true); }; const handleDelete = (id: number) => { if (confirm('确定删除这个成绩？')) { deleteGrade.mutate(id); } }; const getGradeLevel = (score: number) => { if (score >= 90) return { text: '优秀', color: 'text-green-600' }; if (score >= 80) return { text: '良好', color: 'text-blue-600' }; if (score >= 70) return { text: '中等', color: 'text-yellow-600' }; return { text: '需努力', color: 'text-red-600' }; }; return ( <div className="space-y-6 text-black"> <div className="flex justify-between items-center"> <h1 className="text-2xl font-bold">成绩管理</h1> <button onClick={() => setShowForm(true)} className="bg-purple-500 text-white px-4 py-2 rounded hover:bg-purple-600" > 录入成绩 </button> </div> <div className="bg-white rounded-lg shadow p-6"> <h2 className="text-lg font-semibold mb-4">成绩列表</h2> {grades.isLoading ? ( <p>加载中...</p> ) : grades.error ? ( <p className="text-red-500">加载失败</p> ) : ( <div className="overflow-x-auto"> <table className="w-full"> <thead> <tr className="border-b"> <th className="text-left py-2 px-4">学生</th> <th className="text-left py-2 px-4">课程</th> <th className="text-left py-2 px-4">分数</th> <th className="text-left py-2 px-4">等级</th> <th className="text-left py-2 px-4">学期</th> <th className="text-left py-2 px-4">操作</th> </tr> </thead> <tbody> {grades.data?.map((grade) => { const level = getGradeLevel(grade.score || 0); return ( <tr key={grade.id} className="border-b hover:bg-gray-50"> <td className="py-2 px-4">{grade.student_name}</td> <td className="py-2 px-4">{grade.course_name}</td> <td className="py-2 px-4">{grade.score}</td> <td className={`py-2 px-4 ${level.color}`}>{level.text}</td> <td className="py-2 px-4">{grade.semester}</td> <td className="py-2 px-4"> <button onClick={() => handleEdit(grade)} className="text-blue-600 hover:text-blue-800 mr-2" > 编辑 </button> <button onClick={() => handleDelete(grade.id)} className="text-red-600 hover:text-red-800" > 删除 </button> </td> </tr> ); })} </tbody> </table> </div> )} </div> {showForm && ( <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center"> <div className="bg-white rounded-lg p-6 w-full max-w-md"> <h2 className="text-lg font-semibold mb-4"> {editingId ? '编辑成绩' : '录入成绩'} </h2> <form onSubmit={handleSubmit} className="space-y-4"> <div> <label className="block text-sm font-medium mb-1">学生</label> <select value={form.student_id} onChange={(e) => setForm({...form, student_id: parseInt(e.target.value)})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" required > <option value="">选择学生</option> {students.data?.map((student) => ( <option key={student.id} value={student.id}> {student.name} ({student.student_id}) </option> ))} </select> </div> <div> <label className="block text-sm font-medium mb-1">课程</label> <select value={form.course_id} onChange={(e) => setForm({...form, course_id: parseInt(e.target.value)})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" required > <option value="">选择课程</option> {courses.data?.map((course) => ( <option key={course.id} value={course.id}> {course.course_name} ({course.course_code}) </option> ))} </select> </div> <div> <label className="block text-sm font-medium mb-1">分数</label> <input type="number" min="0" max="100" value={form.score} onChange={(e) => setForm({...form, score: parseInt(e.target.value)})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" required /> </div> <div> <label className="block text-sm font-medium mb-1">学期</label> <input type="text" value={form.semester} onChange={(e) => setForm({...form, semester: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="如：2024春季" required /> </div> <div className="flex gap-2 pt-4"> <button type="submit" className="flex-1 bg-purple-500 text-white py-2 rounded hover:bg-purple-600" disabled={createGrade.isPending || updateGrade.isPending} > {createGrade.isPending || updateGrade.isPending ? '保存中...' : '保存'} </button> <button type="button" onClick={resetForm} className="flex-1 bg-gray-500 text-white py-2 rounded hover:bg-gray-600" > 取消 </button> </div> </form> </div> </div> )} </div> ); } app/components/CourseManager.tsx'use client'; import { useState } from 'react'; import { trpc } from '../../utils/trpc'; export default function CourseManager() { const [showForm, setShowForm] = useState(false); const [editingId, setEditingId] = useState<number | null>(null); const [form, setForm] = useState({ course_code: '', course_name: '', credits: 0, teacher_name: '', description: '' }); const courses = trpc.course.getAll.useQuery(); const createCourse = trpc.course.create.useMutation({ onSuccess: () => { courses.refetch(); resetForm(); } }); const updateCourse = trpc.course.update.useMutation({ onSuccess: () => { courses.refetch(); resetForm(); } }); const resetForm = () => { setForm({ course_code: '', course_name: '', credits: 0, teacher_name: '', description: '' }); setEditingId(null); setShowForm(false); }; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); if (editingId) { updateCourse.mutate({ id: editingId, data: form }); } else { createCourse.mutate(form); } }; const handleEdit = (course: any) => { setEditingId(course.id); setForm({ course_code: course.course_code, course_name: course.course_name, credits: course.credits, teacher_name: course.teacher_name || '', description: course.description || '' }); setShowForm(true); }; return ( <div className="space-y-6 text-black"> <div className="flex justify-between items-center"> <h1 className="text-2xl font-bold">课程管理</h1> <button onClick={() => setShowForm(true)} className="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600" > 添加课程 </button> </div> <div className="bg-white rounded-lg shadow p-6"> <h2 className="text-lg font-semibold mb-4">课程列表</h2> {courses.isLoading ? ( <p>加载中...</p> ) : courses.error ? ( <p className="text-red-500">加载失败</p> ) : ( <div className="overflow-x-auto"> <table className="w-full"> <thead> <tr className="border-b"> <th className="text-left py-2 px-4">课程代码</th> <th className="text-left py-2 px-4">课程名称</th> <th className="text-left py-2 px-4">学分</th> <th className="text-left py-2 px-4">教师</th> <th className="text-left py-2 px-4">操作</th> </tr> </thead> <tbody> {courses.data?.map((course) => ( <tr key={course.id} className="border-b hover:bg-gray-50"> <td className="py-2 px-4">{course.course_code}</td> <td className="py-2 px-4">{course.course_name}</td> <td className="py-2 px-4">{course.credits}</td> <td className="py-2 px-4">{course.teacher_name || '-'}</td> <td className="py-2 px-4"> <button onClick={() => handleEdit(course)} className="text-blue-600 hover:text-blue-800" > 编辑 </button> </td> </tr> ))} </tbody> </table> </div> )} </div> {showForm && ( <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center"> <div className="bg-white rounded-lg p-6 w-full max-w-md"> <h2 className="text-lg font-semibold mb-4"> {editingId ? '编辑课程' : '添加课程'} </h2> <form onSubmit={handleSubmit} className="space-y-4"> <div> <label className="block text-sm font-medium mb-1">课程代码</label> <input type="text" value={form.course_code} onChange={(e) => setForm({...form, course_code: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" required /> </div> <div> <label className="block text-sm font-medium mb-1">课程名称</label> <input type="text" value={form.course_name} onChange={(e) => setForm({...form, course_name: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" required /> </div> <div> <label className="block text-sm font-medium mb-1">学分</label> <input type="number" value={form.credits} onChange={(e) => setForm({...form, credits: parseInt(e.target.value)})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" required /> </div> <div> <label className="block text-sm font-medium mb-1">教师</label> <input type="text" value={form.teacher_name} onChange={(e) => setForm({...form, teacher_name: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" /> </div> <div> <label className="block text-sm font-medium mb-1">描述</label> <textarea value={form.description} onChange={(e) => setForm({...form, description: e.target.value})} className="w-full px-3 py-2 border rounded focus:outline-none focus:ring-2 focus:ring-blue-500" rows={3} /> </div> <div className="flex gap-2 pt-4"> <button type="submit" className="flex-1 bg-green-500 text-white py-2 rounded hover:bg-green-600" disabled={createCourse.isPending || updateCourse.isPending} > {createCourse.isPending || updateCourse.isPending ? '保存中...' : '保存'} </button> <button type="button" onClick={resetForm} className="flex-1 bg-gray-500 text-white py-2 rounded hover:bg-gray-600" > 取消 </button> </div> </form> </div> </div> )} </div> ); } 3.6 运行项目执行bun dev然后看到终端返回打开http://localhost:3000即可看到项目运行的状况4.1 页面展示4.1.1仪表盘这是学生管理系统的仪表板页面，作为系统的主控制面板，它通过四个关键数据卡片（学生总数6人、课程总数10门、成绩记录10条、平均分77.0）快速展示系统整体状况，同时以表格形式分别列出了学生基本信息、课程设置和最新成绩记录，让管理员能够一目了然地掌握当前教学管理的核心数据和最新动态。4.1.2 学生管理这是学生管理系统的学生管理页面，专门用于学生信息的维护和管理。页面顶部设有"添加学生"按钮用于新增学生记录，主体部分以表格形式展示了6名学生的详细信息，包括学号（2024001-2024006）、姓名、性别和所属班级，每行末尾都提供"编辑"和"删除"操作按钮，方便管理员对学生信息进行实时的增删改查操作。4.1.3 课程管理这是学生管理系统的课程管理页面，用于管理学校的课程信息。页面顶部提供"添加课程"按钮用于新增课程，主体部分以表格形式展示了10门课程的详细信息，包括：核心课程：数学、语文、英语、物理、化学、生物等主要学科每门课程都配有相应的任课教师和学分设置课程信息包含：课程代码（如MATH101、CHI101等标准化编码）课程名称学分（2.0-4.0学分不等）任课教师编辑操作按钮4.1.4 成绩管理这是学生管理系统的成绩管理页面，用于记录和管理学生的考试成绩。页面功能包括：主要功能录入成绩：页面右上角提供"录入成绩"按钮，用于添加新的成绩记录成绩查看：以表格形式展示所有学生的成绩信息成绩信息展示页面显示了3名学生（张三、李四、王五）在2024春季学期的各科成绩：学生成绩概况：张三：语文92分（优秀）、英语78.5分（中等）、数学85.5分（良好）李四：数学95分（优秀）、语文88.5分（良好）、英语91分（优秀）王五：数学72分（中等）、语文85分（良好）、英语79.5分（中等）每条成绩记录都提供"编辑"和"删除"操作，方便教师对成绩进行修改和维护。整个界面设计清晰，便于教务人员进行成绩管理工作。4.1.5 统计报表5.1总结本项目基于华为开发者空间的云开发环境，采用 Bun + Next.js + tRPC 现代化全栈技术栈，成功构建了一个功能完善的学生成绩管理系统。系统包含课程管理和成绩管理两大核心模块，实现了标准化的课程编码体系和科学的成绩评价机制。通过 Bun 超快运行时提升构建效率，Next.js 处理前后端复杂逻辑，tRPC 确保端到端类型安全，原生 SQL 直接对接华为 GaussDB 数据库实现最优查询性能。项目充分利用华为开发者空间提供的免费数据库实例和完整开发工具链，体验了从开发编码到应用调测的全流程云开发模式。系统界面简洁直观，支持课程信息维护、成绩录入编辑、智能等级评定等功能，为学校教务管理提供了高效便捷的数字化解决方案。通过实际开发实践，深入了解了现代全栈开发最佳实践和华为根技术生态的强大能力，为未来进一步集成昇腾AI、鸿蒙等技术打下了坚实基础。至此本案例关于在开发者空间–远程开发环境中部署Bun + Next.js + tRPC与开发者空间生态版GaussDB实践操作并编写学生成绩管理系统完毕。我正在参加【案例共创】第6期 开发者空间-基于云开发环境和GaussDB构建应用(https://bbs.huaweicloud.com/forum/thread-0229189398343651003-1-1.html)

活动介绍：为让云服务产品更精准贴合实际场景、更全面覆盖使用需求，我们特发起本次友好开发者招募活动。无论你是熟悉业务的技术达人，还是刚接触产品的新手用户，只要你有想法、有经验，都欢迎加入进来 —— 分享你的使用心得、补充未覆盖的场景细节、提出内容优化建议。一旦您的建议经过专家评审团的认可与采纳，将会获得开发者定制礼品！我们期待着与您一起，共同打造更加优质、高效的云服务体验。活动时间2025.8.23-2025.9.30活动流程：01 领取云数据库GaussDB在线试用版02 按照实践案例深度使用体验03 在活动贴下跟帖评论运行结果04 提交开发者工单，反馈产品优化建议第1步：实验前的准备实名登录：（已注册并实名可跳过）华为云账号实名认证，点击这里。（已设置可跳过）登录后设置社区昵称，点我设置。第2步：领取云数据库GaussDB在线试用版：（1）     点击申请链接：cid:link_2（2）     填写申请信息：（3）     欢迎加入微信群交流：  第3步：动手操作吧 （1）       实践案例查看地址：cid:link_3（2）       完成体验后截图在评论区（3）       任务过程中，遇到操作问题可在本微信群进行交流（4）       遇到产品功能问题，请提交问题工单（必须是开发者工单）（5）       完成问卷调查。奖品设置奖项设置获奖要求获奖名额激励礼品建议排名奖被采纳建议数≥3条5每人价值200元开发者礼包1份高价值建议奖被评选为高价值需求5每人价值200元开发者礼包1份说明：1.      每条被采纳建议累计1积分，被采纳建议数统计截止时间为2025年9月30日24点；2.      奖品数量有限，按照时间先后顺序，先到先得；3.      如礼品库存不足将存在替换成等价值礼品的可能；4.      开发者礼包举例：序号礼包名称介绍1200元开发者礼包1开发者定制双肩包（黑武士款）开发者定制渔夫帽（2025款）开发者定制鼠标垫大号（2025款）2200元开发者礼包2开发者定制冲锋衣（M-3XL）开发者定制渔夫帽（2025款）开发者定制鼠标垫大号（2025款）活动说明（1）       建议提交时需要在标题中以“【GaussDB体验】”为建议标题开头，比如【GaussDB体验】建议增加XX/优化XX/XX操作失败等。（2）       建议内容仅针对云数据库GaussDB应用实践活动，非该活动的建议内容不参与此活动。（3）       提交的建议要求建议对云产品功能及优化改进有积极作用，建议内容需要表述清晰，有明确的建议方案，最好有操作截图或链接等能进一步详细描述。（4）       若出现积分相同且排名一致的情况，根据先到先得原则进行发放。（5）       同一用户在同一页面（文档）提出的同一类用户体验问题（包括但不限于错别字、语句不通顺、视觉体验等），在被采纳后仅算作一条积分。（6）       兑换礼品以仓库现有礼品为准，不可以指定，如遇商品缺货，将随机换成其他等价值礼品发放。

用户级修改参数 ALTER USER使用方法：https://support.huaweicloud.com/sqlreference-dws/dws_06_0149.html例：alter user mmsuser set enable_fast_query_shipping=off;用户级修改参数，该用户新建连接立即生效，不需要重启，单存量连接不生效。可以通过审计日志查看用户登入登出时间，查看连接创建时间，通常使用pid进行关联：select * from pgxc_query_audit('2025-08-15 00:00:00','2025-08-15 06:30:00') where session_id like '%对应的pid%' and detail_info not in ('START TRANSACTION','ROLLBACK','COMMIT') and operation_type ='login_logout' order by begintime;结论：用户级修改参数如果未生效，用户重新登录即可。

华为全连接大会在哪里报名呀，一直密切关注华为的技术创新和行业动态，非常期待能够线下参加2025华为全连接大会，与大家深入交流学习，希望能获得参会资格

面对MySQL、PostgreSQL、Redis、MongoDB、TiDB等众多选择，一次错误的数据库选型足以拖垮一个产品甚至一家公司。本文将从性能、扩展性、成本、适用场景四大维度，进行一场客观、深度的剖析，助您做出最理性的技术决策。   一、五大数据库核心维度对比   二、深度剖析与场景化选择   1. MySQL：互联网业务的可靠基石   痛点解决：满足绝大多数Web应用对结构化数据存储和事务一致性的基本需求。其成熟的生态、广泛的社区支持和稳定的表现是其最大优势。   典型场景：用户中心、订单管理、博客/CMS系统。当业务量增长后，需要通过读写分离和分库分表来缓解压力，但这会极大增加应用复杂度和运维负担。   2. PostgreSQL：复杂业务的瑞士军刀   痛点解决：当MySQL在复杂查询、自定义数据类型、窗口函数、外键约束等方面无法满足需求时，PG是完美的升级选择。它支持JSONB，甚至在某种程度上可以替代MongoDB。   典型场景：地理位置处理（PostGIS）、财务系统、科学数据、需要复杂ACID事务的业务。   3. Redis：速度与激情的代名词   痛点解决：彻底解决数据库热点数据访问延迟过高的问题，将响应时间从毫秒级降至微秒级。   典型场景：   缓存：数据库热点数据缓存，减轻后端压力。   排行榜：利用`ZSET`实现实时排名。   秒杀系统：利用原子操作和高并发能力控制库存。   消息队列：使用`List`实现简单的异步任务队列。   注意：Redis的数据存储在内存中，成本较高，且持久化方案需要精心设计以防数据丢失。   4. MongoDB：灵活模式的敏捷先锋   痛点解决：应对需求频繁变更、数据结构不固定的场景。其灵活的文档模型（BSON）允许快速迭代，无需像关系数据库一样频繁执行`ALTER TABLE`操作。   典型场景：物联网（IoT）传感器数据、用户行为日志、商品画像、内容评论系统。其原生分片功能使得横向扩展变得相对简单。   5. TiDB： Scale 困境的终极答案   痛点解决：当MySQL分库分表后的运维复杂度、跨分片事务、全局有序查询等问题无法解决时，TiDB提供了“终极方案”。它兼容MySQL协议，支持无限水平扩展，同时保证分布式事务的ACID特性。    典型场景：    替换分库分表MySQL集群：应用无需改动即可接入，获得弹性扩展能力。    HTAP场景：一套系统同时处理在线交易（OLTP）和实时分析（OLAP），省去复杂的ETL流程。三、决策树：三步锁定目标数据库​ graph TDA[开始] --> B{是否需要事务?}B -->|是| C{读写比例?}C -->|读多写少| D[考虑Redis/MongoDB]C -->|均衡/写多| E{数据结构是否固定?}E -->|结构化| F[MySQL/PostgreSQL]E -->|非结构化| G[MongoDB]B -->|否| H[纯KV存储→Redis]F --> I{是否需要GIS/JSON?}I -->|是| J[PostgreSQL]I -->|否| K[MySQL]G --> L{是否需要Advanced Aggregation?}L -->|是| M[MongoDB Atlas]L -->|否| N[简化版MongoDB]🔍 决策路径示例场景1：电商平台商品目录（SKU数量超亿）→ 选择MongoDB（灵活文档模型+分片扩展）场景2：银行交易流水（强一致要求）→ 选择PostgreSQL（支持事务级唯一约束）场景3：直播弹幕系统（百万级QPS）→ 选择Redis集群（极低延迟+简单数据结构） 四、总结   数据库选型没有银弹，业务场景是唯一的衡量标准。   对于绝大多数中小型项目，MySQL依然是性价比最高的起点。   当遇到复杂业务逻辑和高级SQL功能时，PostgreSQL值得优先考虑。   Redis作为缓存和加速层的价值无可替代，是架构中必不可少的组件。   面对高度灵活的数据模型，MongoDB可以显著提升开发效率。   当数据规模和并发量达到巨头级别，TiDB这类分布式数据库是解决Scale问题的未来方向。   技术决策者应避免过早优化和过度设计，结合团队技术栈、业务发展阶段和长期规划，选择最适合当前、并能平滑演进到下一阶段的数据库解决方案。

华为全联接大会有什么期待