项目 6 数据存储：仿冒 SqlClient（T-SQL 转写成 SQLite）、数据库页面、DataGridView、DateTimePicker

- 每个学生一套数据库，长期保存（data/databases/<用户编号>/库名.db）；学生程序运行时挂进沙箱可读写 - Sim.Data：SqlConnection / SqlCommand / SqlDataReader / SqlDataAdapter / SqlCommandBuilder / SqlParameter；连接字符串只按库名打开学生自己的库；ScriptDom 解析 T-SQL 后按白名单转写成 SQLite 语句， STRICT 表 + 元数据表还原 SQL Server 的列类型，报错编号和中文信息与 SQL Server 一致； INSERT 不写列名时跳过自增列，日期统一格式（书上 DateTime.ToString() 拼接的日期能正确比较） - 常驻 SQL 服务（Sim.Runner sql-server）：数据库页面的查询、对象资源管理器，评分前按实验 database.sql 建库 - 数据库页面（代替 SSMS）：对象资源管理器、查询窗口、编辑前 200 行、表设计器、恢复实验初始数据 - DataGridView（绑定 DataView/DataTable/DataSet，单元格修改写回 DataTable）、DateTimePicker；设计器工具箱加入 - 评分：每个检查项一份新建的实验库；新增点 / 修改表格单元格、选日期、表格里有 / 没有某行的检查 - 示例：项目 6 任务 2、3；时间格式改成和中文 Windows 一致（9:05:03）；异常堆栈不暴露服务器路径 - 测试：数据库端到端、接口（每人只看到自己的库、恢复实验数据）、评分出错情况、T-SQL 生成 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-23 09:18:56 +08:00
1 parent 6b088240da
commit 670abe5921
@@ -277,7 +277,7 @@ function onKeyDown(event: KeyboardEvent) {
 }

 // ---------- 工具箱 ----------
-const TOOLBOX_GROUPS = ['常用控件', '容器', '组件', '物联网设备'] as const
+const TOOLBOX_GROUPS = ['常用控件', '容器', '数据', '组件', '物联网设备'] as const
 const ICONS: Record<string, string> = {
  按钮: '▭', 标签: 'A', 文本框: '▤', 下拉框: '☰', 复选框: '☑', 单选按钮: '◉', 分组框: '⬚', 面板: '▢',
  定时器: '⏱', 'LED 显示屏': '▬', 灯泡: '💡', 报警灯: '🚨',
@@ -37,7 +37,7 @@ export interface ControlDef {
  type: string
  /** 工具箱和属性窗口里显示的中文名（英文类名在鼠标悬停时显示） */
  label: string
-  group: '常用控件' | '容器' | '组件' | '物联网设备'
+  group: '常用控件' | '容器' | '数据' | '组件' | '物联网设备'
  /** 新控件的名字前缀：button → button1 */
  namePrefix: string
  /** 非可视组件（如 Timer）：不在窗体上，显示在窗体下方的组件栏 */
@@ -201,6 +201,59 @@ export const CONTROLS: ControlDef[] = [
    events: COMMON_EVENTS.filter((e) => e.name !== 'TextChanged'),
    initial: () => [['Size', size(100, 50)], ['TabStop', bool(false)]],
  },
+  {
+    type: `${FORMS}.DataGridView`,
+    label: '数据表格',
+    group: '数据',
+    namePrefix: 'dataGridView',
+    defaultEvent: 'CellContentClick',
+    props: [
+      ...COMMON_PROPS.filter((p) => p.name !== 'Text' && p.name !== 'ForeColor'),
+      { name: 'ReadOnly', label: '只读', description: '只读：不能在表格里修改数据', type: 'bool', default: bool(false), category: '行为' },
+      { name: 'AllowUserToAddRows', label: '允许添加行', description: '最下面显示一行空行，可以在里面输入新数据', type: 'bool', default: bool(true), category: '行为' },
+      { name: 'AllowUserToDeleteRows', label: '允许删除行', description: '允许删除行', type: 'bool', default: bool(true), category: '行为' },
+      { name: 'RowHeadersVisible', label: '显示行标题', description: '显示最左边的行标题列', type: 'bool', default: bool(true), category: '外观' },
+      {
+        name: 'SelectionMode', label: '选择方式', description: '点单元格时选中什么', type: 'enum', enumType: `${FORMS}.DataGridViewSelectionMode`,
+        options: ['CellSelect', 'FullRowSelect', 'FullColumnSelect', 'RowHeaderSelect', 'ColumnHeaderSelect'],
+        optionLabels: { CellSelect: '单元格', FullRowSelect: '整行', FullColumnSelect: '整列', RowHeaderSelect: '单元格（点行标题选整行）', ColumnHeaderSelect: '单元格（点列标题选整列）' },
+        default: enumValue(`${FORMS}.DataGridViewSelectionMode`, 'RowHeaderSelect'), category: '行为',
+      },
+      {
+        name: 'AutoSizeColumnsMode', label: '列宽', description: '列宽怎样自动调整', type: 'enum', enumType: `${FORMS}.DataGridViewAutoSizeColumnsMode`,
+        options: ['None', 'Fill'], optionLabels: { None: '固定宽度', Fill: '填满表格宽度' },
+        default: enumValue(`${FORMS}.DataGridViewAutoSizeColumnsMode`, 'None'), category: '布局',
+      },
+    ],
+    events: [
+      ...COMMON_EVENTS.filter((e) => e.name !== 'TextChanged'),
+      { name: 'CellClick', label: '单击单元格', delegate: `${FORMS}.DataGridViewCellEventHandler`, args: 'DataGridViewCellEventArgs' },
+      { name: 'CellContentClick', label: '单击单元格内容', delegate: `${FORMS}.DataGridViewCellEventHandler`, args: 'DataGridViewCellEventArgs' },
+      { name: 'CellDoubleClick', label: '双击单元格', delegate: `${FORMS}.DataGridViewCellEventHandler`, args: 'DataGridViewCellEventArgs' },
+      { name: 'CellValueChanged', label: '单元格的值改变', delegate: `${FORMS}.DataGridViewCellEventHandler`, args: 'DataGridViewCellEventArgs' },
+      { name: 'SelectionChanged', label: '选中改变', ...EVENT },
+    ],
+    initial: () => [['ColumnHeadersHeightSizeMode', enumValue(`${FORMS}.DataGridViewColumnHeadersHeightSizeMode`, 'AutoSize')], ['Size', size(240, 150)]],
+  },
+  {
+    type: `${FORMS}.DateTimePicker`,
+    label: '日期时间选择器',
+    group: '常用控件',
+    namePrefix: 'dateTimePicker',
+    defaultEvent: 'ValueChanged',
+    props: [
+      ...COMMON_PROPS.filter((p) => p.name !== 'Text'),
+      {
+        name: 'Format', label: '格式', description: '日期和时间的显示格式', type: 'enum', enumType: `${FORMS}.DateTimePickerFormat`,
+        options: ['Long', 'Short', 'Time', 'Custom'], optionLabels: { Long: '长日期（2024年1月16日）', Short: '短日期（2024/1/16）', Time: '时间（9:05:03）', Custom: '自定义' },
+        default: enumValue(`${FORMS}.DateTimePickerFormat`, 'Long'), category: '外观',
+      },
+      { name: 'CustomFormat', label: '自定义格式', description: '格式为"自定义"时使用，如 yyyy-MM-dd HH:mm', type: 'string', category: '外观' },
+      { name: 'ShowUpDown', label: '上下箭头', description: '用上下箭头调整，代替下拉日历', type: 'bool', default: bool(false), category: '外观' },
+    ],
+    events: [...COMMON_EVENTS.filter((e) => e.name !== 'TextChanged'), { name: 'ValueChanged', label: '值改变', ...EVENT }],
+    initial: () => [['Size', size(200, 21)]],
+  },
  {
    type: `${FORMS}.CheckBox`,
    label: '复选框',
@@ -69,6 +69,8 @@ export function previewTree(doc: DesignerDocument): ControlNode {
    })
    // 设计器里不需要滚动：LED 只显示黑底
    if (type === 'WinFormsDeviceControlLibrary.LED') props.LedText = ''
+    // 和 VS 一样显示今天的日期
+    if (type === 'System.Windows.Forms.DateTimePicker') props.Text = previewDate(String(props.Format ?? 'Long'))
    return { id: name, type: clientType(type), name, props, children: childrenOf(doc, name).filter((c) => types.has(c)).map(build) }
  }
  const formProps = propsOf(doc, '')
@@ -81,6 +83,13 @@ export function previewTree(doc: DesignerDocument): ControlNode {
  }
 }

+function previewDate(format: string) {
+  const now = new Date()
+  const [y, m, d] = [now.getFullYear(), now.getMonth() + 1, now.getDate()]
+  const time = `${now.getHours()}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}`
+  return format === 'Short' ? `${y}/${m}/${d}` : format === 'Time' ? time : `${y}年${m}月${d}日`
+}
+
 /** 非可视组件（Timer 等），显示在窗体下方的组件栏 */
 export function componentsOf(doc: DesignerDocument) {
  return listControls(doc).filter((c) => c.parent === null && controlDef(c.type).component === true)