- 博客(29)
- 收藏
- 关注
原创 TextBox控件实例运用
如图所示,当页面载入时,焦点自动定位在用户名右边的文本框中;当输入用户名并把焦点移出文本框时,将触发 TextChanged事件,判断用户名是否可用,若可用则在Label。(1)在 Chap4 文件夹中建立 TextBox.aspx,添加一个Label 控件、三个 TextBox 控件、一个Button控件,参考源程序分别设置各控件属性。(2)在 TextBox.aspx 的“设计”视图中双击控件txtName,VSC 2019 自动打开TextBox.aspx.cs,在其中輸入阴影部分内容。
2025-06-05 12:20:21
265
原创 利用LinqDataource和GridView显示表数据
单击“下一步”按钮呈现如图所示的“配置数据选择”对话框。⑤ 单击“下一步”按钮,呈现“选择您的数据库对象和设置”对话框,展开“表”一dbo,选中所有表,再展开“存储过程和函数” dbo,选中存储过程 CategoryInsert,再选中“在模型中包括外键列”“将所选存储过程和函数导入到实体模型中”,模型命名空间为。① 右击App_Code 文件夹,在弹出的快捷菜单中选择“添加”一“添加新项”命令,在呈现的“添加新项”对话框中选择“ADO.NET 实体数据模型”模板,输入名称 MyPetShop。
2025-06-05 11:59:32
323
原创 利用jQuery 管理 XHITML 元素
(4)设置id 属性值为 chgText 的元素的 click 事件处理代码,该代码将 id 属性值为 effect的元素的呈现内容改力“我的内容被更改了!(5)设置id属性值为 chgCss 的元素的 click 事件处理代码,该代码将所有元素的背景色改为黄色,字体改为隶书。(2)设置id 属性值为show的元素的 click 事件处理代码,该代码将显示 id 属性值为effect 的元素。在图中,单击“隐藏”区域,将隐藏阴影部分内容:单击“显示”区域,将显示阴。
2025-06-05 11:43:54
248
原创 Panel和PlaceHolder控件
如下图,输入用户名,单击“下一步”按钮,呈现下一个页面,在输入姓名,电话等信息。单击“下一步”按钮,又会呈现一整个用户注册信息确认界面。上述流程中,通过建立三个Panel控件可以方便的对应三个步骤呈现的不同内容。最后浏览Panel.aspx,输入信息进行测试。新建web窗体命名为Panel。
2025-05-20 11:30:32
211
原创 利用Image和ImageMap控件设计导航栏
1.新建项目,选择visual C#中ASP.NET Web 应用程序(.NET Framework)2.在WebApplication1,添加一个新建文件夹为Images,将图片命名为map放进去。3.在WebApplication1,添加一个web窗体。
2025-05-20 11:10:11
192
原创 网络请求与Axios
通过本次基于 Vue 和 Axios 的异步请求实验,我掌握了前端如何通过 HTTP 请求与后端进行数据交互,并实现页面的动态数据展示。实验中,我使用 Axios 发送 GET 请求获取图书数据,并利用 Vue 的响应式特性将数据渲染到表格中,实现了点击按钮加载数据的功能。在实践过程中,我学习了 Axios 的基本配置方法,包括设置请求路径、处理响应数据以及错误捕获机制。同时,结合 Vue 的 `reactive` 状态管理与模板语法,实现了数据的动态绑定和条件渲染,如无数据时显示提示信息。
2025-05-15 15:29:07
242
原创 常见UI组件库
通过事件处理和状态管理,我们能够轻松实现动态交互效果,如确认删除提示框以及批量选择操作。总之,这次实验为我们提供了宝贵的经验,证明了现代前端框架结合UI库可以高效地开发出功能丰富且易于使用的Web应用程序。对于删除操作,则是为每个室友条目添加了一个删除按钮,同时支持批量删除功能,进一步增强了用户体验。使用 Element UI 的 El-table 组件,在 Vue.js 应用中展示室友信息,包括室友的姓名、年龄、邮箱等信息。组件在 Vue.js 应用中成功展示了室友信息,并实现了增加和删除室友的功能。
2025-05-15 15:19:05
156
原创 路由--嵌套路由
通过上述实验,我们成功地创建了一个基于Vue.js和Vue Router的单页面应用(SPA),实现了动态导航和页面内容切换的功能。接着,我们配置了路由规则,并创建了两个简单的页面组件。在上节课基础上设计制作用户信息管理页面,添加数据做一个简单的个人信息和室友列表,可以查看用户列表,点击用户进入用户详情页面,并在用户详情页面中查看用户资料信息。在上一个的初始路由实验基础上进行修改,给导航栏添加路由,能够在浏览器中导航到不同的页面,并且在页面之间进行切换时,页面内容应该能够根据路由变化而动态更新。
2025-05-15 15:04:03
250
原创 路由----初始Vue Router
这次实践不仅加深了对Vue.js及其生态系统的理解,还展示了如何使用Vue Router来管理应用的不同视图和导航逻辑,为开发更加复杂的应用程序奠定了基础。此外,它也强调了组件化开发的优势,如提高代码复用性和维护性。通过上述实验,我们成功地创建了一个基于Vue.js和Vue Router的单页面应用(SPA),实现了动态导航和页面内容切换的功能。在上一个动态插槽实验基础上进行修改,给导航栏添加路由,能够在浏览器中导航到不同的页面,并且在页面之间进行切换时,页面内容应该能够根据路由变化而动态更新。
2025-05-15 14:44:22
350
原创 组件化开发与通信
在 Vue 3 中创建一个包含 A、B 和C三个组件的示例。A 组件表示转账人,B 组件表示收款人,A 组件作为父组件通过 props 将转账金额传递给 B 组件,B 组件作为子组件接收并显示该金额,并通过 emit 向 A 组件发送确认信息。C 组件作为观察者通过 provide 和 inject 获取 A 组件传递给 B 组件的转账金额。
2025-04-24 19:21:58
303
原创 数据绑定与事件处理(2)
4,运行项目,这样就完成了一个简单的Vue计数器应用,它能够实时显示当前计数值,并记录每次操作的历史值。用户可以通过“增加”、“减少”和“重置”按钮来控制计数器的行为。一.请实现一个简单的网页计数器。1,创建一个新的项目。
2025-04-24 18:35:34
99
原创 Vue.js数据绑定与事件处理
一.请实现一个比较两个数字大小的页面,如下所示,页面提供2个输入框,输入数字能够自动比较两个数字大小,结果显示在两个数字中间(思路:比较符可以使用计算属性)。4,运行项目,这样就完成了一个简单的Vue应用,它能够实时比较两个输入框中的数字,并显示相应的比较结果。用户输入数字后,计算属性。会自动更新中间的比较符号(>、< 或 =)。1,首先先创建一个新的Vue项目。
2025-04-24 18:28:27
220
原创 使用node进行vue的下载安装
(1)进入Node.js,下载操作系统对应的Node.js稳定版本。1. 安装Node.js环境,验证是否安装成功。
2025-04-24 17:42:42
236
原创 使用Vite创建Vue3项目
5.选择好框架后Vite会提示选择一个变体,在这里选择JavaScript,按enter,变体选择好了之后Vite会提示项目创建完成。3.创建项目可以自定义项目名称,也可以默认的名称vite-project。2.yarn create 命令创建项目。6.完成下面命令项目启动。1.yarn 包管理工具。
2025-04-24 17:34:57
165
原创 在内存中创建和操作数据库(2)
假定数据库studentmanage中有两个表student和netscore,实现当单击“查询”按钮后,在listbox中显示两个表的表名,当单击其中一个表名时,dataGridView中显示该数据表的数据信息。
2024-12-19 16:29:18
109
原创 在内存中创建和操作数据库
添加一个 Button 控件命名为 btnCreateDatabase,文本设置为“创建内存中的数据库”。要求当单击“创建内存中的数据”按钮时,实现在内存中创建一个表,并且分别实现对表中数据的增删改查操作。添加另一个 Button 控件命名为 btnInsert,文本设置为“插入”。添加另一个 Button 控件命名为 btnUpdate,文本设置为“更新”。添加另一个 Button 控件命名为 btnDelete,文本设置为“删除”。
2024-12-19 15:22:50
202
原创 非断开式访问数据库
(1)建立数据库studentmanage,并建立数据表studentinfo(num,nam建立数据库e,sex)。按教材表6-1添加记录(2)参考例6-2,6-3实现数据库的连接、查询、增加、删除功能,界面如图所示。和需要在引用中添加。
2024-12-13 14:35:34
173
原创 c#中的文件操作
●一个 Button 控件,用于读取数字并显示在文本框中,命名为 LoadButton。●TextBox 用于输入要添加到文件中的内容,名称为 ContentTextBox。●一个 TextBox 控件,用于显示读取的数字,命名为 ResultTextBox。●一个 Button 控件,用于保存数字到二进制文件,命名为 SaveButton。●Button 用于显示文件的详细信息,名称为 DetailsButton。●TextBox 用于输入文件名,名称为 FileNameTextBox。
2024-12-13 14:31:52
240
原创 窗体设计提高
(1)创建一个Windows窗体应用程序TimerGame,模拟简单电子游艺机,单击【开始】按钮,屏幕上的3个数字随机跳动显示1—9,单击【停止】按钮,停止跳动。当出现3个8就是大奖。功能:点击菜单或工具栏,弹出消息框,显示“您点击了XXX”,如点击入住登记,则显示“您点击了入住登记”功能:点击登录系统按钮后,如果用户名为”root”,密码为”123”,则进入主窗体。(2)模拟实现酒店管理系统的登录窗体、主窗体。
2024-12-13 14:26:01
465
原创 继承和多态
(1) 用C#编写一个程序,定义一个类Information,该类包含成员:姓名、性别,带2参数的构造函数,一个虚方法Speak,输出“Hello!第一一个子类Stu,该类有一个私有字段:电话,一个带3个参数的构造函数,并用“:base”调用基类构造函数,重写基类的虚方法,输出“你的电话是:XXXXXXX”。(2)定义一个类Person,该类包含一个字段:_name,一个带参数的构造函数,一个虚方法Speak(),用于输出姓名字段。赋值直接在程序中赋值,不用通过Console.readLine()。
2024-12-13 14:20:23
563
原创 窗体设计基础
再次单击Form1上的“窗体二”按钮将显示Form2,并且可以看到文本框内以前输入的信息。比如在Form2上输入1234567,然后按“返回窗体一”,再在Form1上单击“窗体二”按钮,可以看到Form2上保留了1234567的信息。在Form2上的文本框内随意输入信息,然后单击Form2上的“返回窗体一”按钮。此时窗体二消失,窗体一可用。窗体逐渐透明程序,船体背景色为黄色,要求窗体颜色逐渐变透明,当完全透明是再恢复为黄色。单击Form1上的“窗体二”按钮将显示Form2,此时Form1显示但不可用。
2024-12-13 14:17:43
443
原创 构造函数和属性的使用
定义类User,有三个私有字段:m_Name , m_Sex, m_Age:分别写三个属性Name,Sex和Age,其中,Sex要判断性别的有效性,Age要判断有效性(10-30之间有效)。给User添加Speak()方法,输出“你好,XXX先生,你今年XX岁。”或“你好,XXX女士,你今年XX岁。在Main()中分别调用这三种构造方法,赋值后调用Speak()方法。直接在程序中赋值,姓名请写自己的姓名。给任务一中定义的类User添加构造函数。参数包括以下几种情况。
2024-12-13 14:07:57
212
原创 类的定义和使用
写一个Ticket 类,有一个距离属性(本属性只读,在构造方法中赋值),不能为负数,有一个价格属性,价格属性为只读,并且根据距离计算价格(1元/公里):0~100km,票价不打101~200km,总额打9.5折;300km以上,总额打8折。类MyMath,包含常量PI以及静态方法Perimeter(计算圆的周长)、Area(计算圆的面积)、Volum(计算球的体积)。类MyArith包含实例方法add(求两数之和),sub(求两数之差),mul(求两数之和积),商div(求两数之商)。
2024-12-13 14:05:37
151
原创 选择结构程序设计
(1)定义4个变量,分别表示:姓名、性别、年龄,电话,提示用户输入对应信息,然后输出输出格式:姓名:xxxxxx性别:xx年龄:xx岁电话:xxxxxxxxxxx(2)提示用户输入用户名,然后提示输入密码,如果用户名是“admin”,并且密码是“888888”,提示“登陆成功”,否则,如果用户名不是“admin”,提示用户名不存在,如果用户名是“admin”提示密码不正确。
2024-12-13 14:02:23
242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人