IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 大数据 -> C#可视化开发:学生宿舍管理系统 -> 正文阅读

[大数据]C#可视化开发:学生宿舍管理系统

🚀开发背景


文章还在更新,上次更新时间2022/06/14 15:49
由于快期末考了,需要提交一份C#开发的管理系统,这里选择可视化开发,管理系统无非就是增、删、查、改,可以使用接口完成查询、删除等等…这里直接用自带的封装方法进行增删查改,本文做一个记录,也作为一次开发经历,需要完整项目的可以选择付费支持,文末会放出链接

成品:
在这里插入图片描述



🚀 工具准备

工具名称说明
phpstudy 包含Mysql5.7.26点我下载
Microsoft Visual Studio 2010
icon生成工具http://www.51tool.com/ico/
需要引用数据库MySql.data点我下载

🚀 数据库添加引用

由于本项目使用的是MySql进行连接,C#需要下载一个dll文件来进行引用,才可以在代码中使用,通上网搜索或者 点我下载

下载文件如图所示:
在这里插入图片描述
将该文件丢入项目文件夹中,然后在Microsoft Visual Studio 2010的解决方案资源管理器中的引用右键点击添加
在这里插入图片描述

(选择MySql.Data所在的路径添加即可,引用成功后如下图所示)
在这里插入图片描述

在后面的代码中我们只需引用即可:

using System.Data.SqlClient;
using MySql.Data.MySqlClient;
using MySql.Data;

数据库环境配置

首先下载好phpstudy,在上文部分工具可以下载,安装略过

1、打开phpstudy
在这里插入图片描述
2、开启数据库和ApaChe
在这里插入图片描述
3、在软件管理中下载phpmyadmin
在这里插入图片描述
4、打开数据库并建立数据表
打开首页的数据库工具(选择phpmyadmin)
在这里插入图片描述
输入账号密码登陆进去(默认root root 我这里因为改过所以我的是123456,大家可以去左侧数据库修改)
在这里插入图片描述
[2022/06/14]由于文章是在一点点更新的,后面增加的数据表就在对应文章中写入,下面的是用户登录、注册以及供用户列表显示
新建demo数据库,并在该数据库建立两个数据表:admin、user
在这里插入图片描述
admin表字段设计如下:
在这里插入图片描述
user表字段设计如下:
在这里插入图片描述
这里仅仅放入两个表,完整项目请下载代码


登录设计

登录页面设计

这里我们通过可视化工具进行设计,新建一个窗口为FORM1这是设计出来的样子
在这里插入图片描述

更换窗口图标方法

现在更换左上角图标,首先打开我们需要用的icon网站,生成后下载转换文件保存到本地
在这里插入图片描述
对窗体右键属性更换默认图标

在这里插入图片描述
更换好了之后
在这里插入图片描述


登录功能设计

双击登录按钮
在这里插入图片描述
在该点击事件中,加入代码(代码中有注释自己看哈)

 //登录
            var db_name = "admin";

            //数据插入
            //MySqlCommand mycmd = new MySqlCommand("INSERT INTO `admin` (`id`, `username`, `password`) VALUES (NULL, 'www', 'wwww');", mycon);
            //if (mycmd.ExecuteNonQuery() > 0)
            //{
            //    MessageBox.Show("修改成功!");
           // }

            //检查
            if (textBox1.Text == "" || textBox2.Text == "")
            {
                MessageBox.Show("请检查输入是否完整!");
            }
           
            else { 
            //配置数据库
               // string constr = "Database=cshap;Data Source=49.234.42.125;port=888;User Id=cshap;Password=123456";
            
                string constr = "server=127.0.0.1;port=3306;User Id=root;password=123456;Database=demo";
                //连接数据库
                MySqlConnection mycon = new MySqlConnection(constr);
                mycon.Open();
                //输入数据命令;
                //数据插入

                if (radioButton1.Checked == false)
                {
                    db_name = "user";
                }

                MySqlCommand mycmd = new MySqlCommand("SELECT * FROM `" + db_name + "` WHERE `username`='" + textBox1.Text + "' and password='" + textBox2.Text + "'", mycon);

                if (Convert.ToInt32(mycmd.ExecuteScalar()) > 0)
                {
                    //MessageBox.Show("登陆成功!");
                    //判断跳转界面

                    if (db_name == "admin")
                    {
                        //管理端
                        Form2 f = new Form2();
                        this.Hide();
                        f.ShowDialog();
                        this.Show();
                    }
                    else { 
                    //用户端
                    
                    }
                }
                else {
                    MessageBox.Show("账号或密码、登录身份错误!");
                }
                Console.ReadLine();
                mycon.Close();



            //       

窗体之间相互跳转方法

                Form2 f = new Form2();  //实例化跳转窗口
                this.Hide(); 
                f.ShowDialog();
                this.Show();

注册设计

新建FORM3窗口设计如下
在这里插入图片描述
双击注册添加代码:

  //注册操作
            //检查
            if (textBox1.Text == "" || textBox2.Text == "" || textBox3.Text == "" || textBox4.Text == "")
            {
                MessageBox.Show("请检查输入是否完整!");
            }
            else if(textBox2.Text != textBox3.Text)
            {
                MessageBox.Show("两次密码不一致");
            
            }
            else
            {
                //配置数据库
                string constr = "server=localhost;User Id=root;password=123456;Database=demo";
                //连接数据库
                MySqlConnection mycon = new MySqlConnection(constr);
                mycon.Open();
                //输入数据命令;
                //数据插入

                MySqlCommand mycmd = new MySqlCommand("INSERT INTO `user` (`id`, `username`, `password`, `room_num`) VALUES (NULL, '" + textBox1.Text + "', '" + textBox2.Text + "', '" + textBox4.Text + "');", mycon);
            if (mycmd.ExecuteNonQuery()> 0)
            {
                MessageBox.Show("注册成功!");
                Form1 f = new Form1();
                this.Hide();
                f.ShowDialog();
                this.Show();
            }
               
                else
                {
                    MessageBox.Show("账号或密码、登录身份错误!");
                }
                Console.ReadLine();
                mycon.Close();
            }

项目功能设计

后台管理界面

在这里插入图片描述


用户管理

创建一个dataGridView1视图,添加字段后如下所示

注意:在新的优化界面中我将该部分窗体重新放到了用户控件中去了,通过panel完成跳转交互,优化用户体验,如果需要更改优化的同学,可以看优化部分(2022/06/14修改)

在这里插入图片描述


添加用户

在这里插入图片描述
在添加用户方法中添加代码(双击“添加用户添加代码”),即从账号、密码、宿舍号获取值,再通过语句进行插入到数据库,具体操作方法:添加记录到本地后,添加进数据库,
本地假数据的添加代码为:

 //添加数据到本地dataGridView1
//本地
int index = this.dataGridView1.Rows.Add();
this.dataGridView1.Rows[index].Cells[0].Value = "NULL";
this.dataGridView1.Rows[index].Cells[1].Value = "1111";
this.dataGridView1.Rows[index].Cells[2].Value = "222";
this.dataGridView1.Rows[index].Cells[3].Value = "333";

可以先通过假数据测试按钮是否加入了数据,加入了的话我们在通过连接数据库来进行一个遍历插入,即下方的代码
完整代码:

//添加用户
//修改本地 和数据库
//本地
int index = this.dataGridView1.Rows.Add();
this.dataGridView1.Rows[index].Cells[0].Value = "NULL";
this.dataGridView1.Rows[index].Cells[1].Value = textBox1.Text;
this.dataGridView1.Rows[index].Cells[2].Value = textBox2.Text;
this.dataGridView1.Rows[index].Cells[3].Value = textBox3.Text;

            //修改方法
            //dataGridViewInfo.Rows[i].Cells[0].Value = name;//更新名称
            //dataGridViewInfo.Rows[i].Cells[1].Value = status;//更新状态

            //   dataGridView.Rows.Remove(dataGridView.SelectedRows[0]);  //删除一行

            //插入数据库同步

            //配置数据库
            string constr = "server=localhost;User Id=root;password=123456;Database=demo";
            //连接数据库
            MySqlConnection mycon = new MySqlConnection(constr);
            mycon.Open();
            //输入数据命令;
            //数据插入

            MySqlCommand mycmd = new MySqlCommand("INSERT INTO `user` (`id`, `username`, `password`,`room_num`) VALUES (NULL, '" + textBox1.Text + "', '" + textBox2.Text + "', '" + textBox3.Text + "');", mycon);
            if (mycmd.ExecuteNonQuery() > 0)
            {
                MessageBox.Show("添加成功!");
                this.dataGridView1.Refresh();  
                //刷新显示
            }

            else
            {
                MessageBox.Show("添加失败!");
            }
            Console.ReadLine();
            mycon.Close();

删除

与插入不同,这里需要对dataGridView1做一个获取,需要获取id值,来进行删除,首先新建一个“删除”按钮
在这里插入图片描述
双击在该方法中加入代码(这部分代码很关键,建议看懂,在开发中我找到另外一个方法不过他存在bug,这个无论有没有值不会报错)

 //删除
int index = dataGridView1.SelectedCells[0].RowIndex;
//获取所在行
var aa = dataGridView1.Rows[index].Cells[0].Value;
//获取所在行第一列的元素
dataGridView1.Rows.RemoveAt(index);
MessageBox.Show(aa.ToString());

这一步的作用是获取到鼠标选中所在行的第一列元素的值,也就是id值,并删除当前行
我们测试下:
在这里插入图片描述
接下来,只需要把获取到的id => 6 进行sql语句操作即可
完整代码:

  //删除
int index = dataGridView1.SelectedCells[0].RowIndex;
//获取所在行
var aa = dataGridView1.Rows[index].Cells[0].Value;
//获取所在行第一列的元素
dataGridView1.Rows.RemoveAt(index);
//MessageBox.Show(aa.ToString());
//本地删除
//联网删除
//配置数据库
string constr = "server=localhost;User Id=root;password=123456;Database=demo";
            //连接数据库
            MySqlConnection mycon = new MySqlConnection(constr);
            mycon.Open();
            //输入数据命令;
            //数据插入

            MySqlCommand mycmd = new MySqlCommand("DELETE FROM `user` WHERE `id` = '"+aa+"'", mycon);
            if (mycmd.ExecuteNonQuery() > 0)
            {
                MessageBox.Show("删除成功!");
                this.dataGridView1.Refresh();  
                //刷新显示
            }

            else
            {
                MessageBox.Show("删除失败!");
            }
            Console.ReadLine();
            mycon.Close();

修改

新建一个窗口(在资源管理器右键),命名为FORM5,用于点击修改时,弹出一个窗口供用户修改,设计图如下:
在这里插入图片描述
设计好后,回到Form4中,刚刚不是设计了删除嘛,修改和删除一样,先获取id值就可以,所以步骤是一样的,新建一个修改按钮,如下图所示:
在这里插入图片描述
双击后我们在该点击事件加入获取id的代码(和刚刚的一样):

 //修改
int index = dataGridView1.SelectedCells[0].RowIndex;
//获取所在行
var aa = dataGridView1.Rows[index].Cells[0].Value;
//获取所在行第一列的元素
MessageBox.Show(aa.ToString());

接下来需要把id传给Form5窗口,我们在这里了解下通过构造函数传值

特点:传值是单向的(不可以互相传值),实现简单

接收窗体需要如下代码:
(这里的id为string是因为我们在dataGridView1获取到的值类型为string所以这里我们用字符串接收,搞错类型就会报错红)

在这里插入图片描述

 		string id;
        public Form5(string value1)
        {
            InitializeComponent();
            this.id = value1;
            MessageBox.Show(id.ToString());
        }

传递窗体调用即可
new Form5(aa.ToString()).Show();

根据传过来的id进行查询最后显示到控件上去
这里接收到参数后演示图如下:
在这里插入图片描述

完整From5代码如下(注意上方代码举例需要全部写完才不会报错):

public Form5(string value1)
        {
            InitializeComponent();
            this.id = value1;
            //MessageBox.Show(id.ToString());
            //配置数据库
            string constr = "server=localhost;User Id=root;password=123456;Database=demo";
            //连接数据库
            MySqlConnection mycon = new MySqlConnection(constr);
            mycon.Open();
            //输入数据命令;
            MySqlCommand mycmd = new MySqlCommand("SELECT * FROM `user` where id=" + id + "", mycon);
            MySqlDataReader rec = mycmd.ExecuteReader();
            while (rec.Read())
            {

                label5.Text = rec[0].ToString();
                textBox1.Text = rec[1].ToString();
                textBox2.Text = rec[2].ToString();
                textBox3.Text = rec[3].ToString();

            }
           
        }

成功截图
在这里插入图片描述

实现保存

在From5中新建保存按钮,双击后,在该按钮中添加点击事件
在这里插入图片描述
首先获取id、账号、密码、宿舍号

 			var id = label5.Text;
            var zh = textBox1.Text;
            var mm = textBox2.Text;
            var ss = textBox3.Text;

建立sql语句

MySqlCommand mycmd = new MySqlCommand("UPDATE `user` SET `username` = '', `password` = '', `room_num` = '' WHERE `id` = 1;", mycon);

完整代码:


            var id = label5.Text;
            var zh = textBox1.Text;
            var mm = textBox2.Text;
            var ss = textBox3.Text;
            //配置数据库
            string constr = "server=localhost;User Id=root;password=123456;Database=demo";
            //连接数据库
            MySqlConnection mycon = new MySqlConnection(constr);
            mycon.Open();
            //输入数据命令;
            //数据插入

            MySqlCommand mycmd = new MySqlCommand("UPDATE `user` SET `username` = '"+zh+"', `password` = '"+mm+"', `room_num` = '"+ss+"' WHERE `id` = '"+id+"';", mycon);
            if (mycmd.ExecuteNonQuery() > 0)
            {
                MessageBox.Show("修改成功!");
              
                //刷新显示
            }

            else
            {
                MessageBox.Show("修改失败!");
            }
            Console.ReadLine();
            mycon.Close();

成功截图
在这里插入图片描述

△钥匙借出登记

[2022/06/14] 在完成设计之前我们需要分析下,钥匙借出登记需要些什么字段:

borrow表:

字段说明类型
id自增int(11)
user_id对应User表中的id绑定,为了识别用户方便进行连表查询varchar(20)
d_time钥匙借出时间datetime
is_give是否归还,0未归还1归还int(11)

我们将钥匙借阅登记表在数据库新建为borrow

流程:在管理员点击钥匙借出登记时,显示出借阅登记id、学生姓名、宿舍号、借出时间、是否归还,我们只需要通过user_id去user表中查询其他信息即可,所以borrow表中的user_id需要和user表中的id对应绑定(很多同学在设计时会将多个重复信息放在同一个表中,如果在borrow表中加入了room_num字段这样的话就不方便修改了,因为这时同一个字段会在多个表中,不利于修改,大家一定要明白这点,可以配合下图参照理解这句话)

user表:
在这里插入图片描述

ok分析完毕,我们来设计数据库

1、打开phpmyadmin我们新建数据表borrow,并按照下图第三步完成修改后保存

在这里插入图片描述

2、设计好后我们查看下

在这里插入图片描述

3、我们在数据中运行语句

INSERT INTO `borrow` (`id`, `user_id`, `d_time`, `is_give`) VALUES (NULL, '1', CURRENT_TIMESTAMP, '0');

(上面的user_id为1是因为我的user表中有一个id为1的用户,我们先用假数据显示,后面再通过前端完成借阅操作)

4、设计用户控件

①打开【解决方案资源管理器】在项目中右键【添加】 【用户控件】
在这里插入图片描述
②然后修改下窗体大小和之前的一样,这样在切换过程中就不会感觉框的变化在这里插入图片描述
③设计可视化窗体(根据自己的需求自己来)
我们添加一个datagridview,然后对图中阴影部分右键【编辑列】
在这里插入图片描述
编辑列在添加id、学生姓名、宿舍号、借出时间、是否归还在这里插入图片描述
设计好后如下图
在这里插入图片描述

5、绑定主页面实现跳转(从Form2)

实现图:
在这里插入图片描述
①首先打开Form2的视图,双击【钥匙借阅登记】按钮
②双击后在本页面添加代码

在窗体部分输入:

public UserControl4 f4; //钥匙借阅登记

在窗体加载处输入:

  f4 = new UserControl4();    //钥匙借阅登记

添加后如图所示:
在这里插入图片描述

在【钥匙借阅登记】按钮处添加

 			f4.Show();   //将窗体一进行显示
            panel2.Controls.Clear();    //清空原容器上的控件
            panel2.Controls.Add(f4);    //将窗体一加入容器panel2

添加后如图所示:
在这里插入图片描述
编译运行代码成功截图:
在这里插入图片描述

6、显示数据

我们找到刚刚创建好的UserControl4.cs文件,双击此处

在这里插入图片描述

在UserControl4_Load方法处添加如下代码:

 //配置数据库
            string constr = "server=localhost;User Id=root;password=123456;Database=demo";
            //连接数据库
            MySqlConnection mycon = new MySqlConnection(constr);
            mycon.Open();
            //输入数据命令;
            //数据插入



            MySqlCommand mycmd = new MySqlCommand("SELECT * FROM `borrow`", mycon);
            MySqlDataReader rec = mycmd.ExecuteReader();
            while (rec.Read())
            {

                int index = this.dataGridView1.Rows.Add();
                this.dataGridView1.Rows[index].Cells[0].Value = rec.GetInt32(0);
                this.dataGridView1.Rows[index].Cells[1].Value = rec[1];
                this.dataGridView1.Rows[index].Cells[2].Value = rec[2];
                this.dataGridView1.Rows[index].Cells[3].Value = rec[3];
                this.dataGridView1.Rows[index].Cells[4].Value = rec[4];

            }

写好以后,这里出现了报红的错误,遇到报红不要慌
在这里插入图片描述

解决办法:引用mysql数据库文件

using System.Data.SqlClient;
using MySql.Data.MySqlClient;
using MySql.Data;

添加后如图:
在这里插入图片描述

我们运行看结果
在这里插入图片描述

7、关联表查询

为了解决上面图片蓝色字体[上面的学生姓名和宿舍号,需要用user_id去user表里面查询]
所以我们需要用到sql语法使两个表关联起来(user_id对应id)
对这个SQL语句不懂的同学看这个:
在这里插入图片描述

我门再将之前的数据表拿出来对照
User表
在这里插入图片描述
borrow表
在这里插入图片描述

手写SQL语句:

SELECT b.id,u.username,u.room_num,b.d_time,b.is_give from demo.borrow b inner join demo.user u on b.user_id=u.id

在sql运行成功:
在这里插入图片描述


宿舍卫生打分

与上面一样,不做赘述


电梯保修记录

与上面一样,不做赘述


优化

这部分是对项目进行个优化

窗体优化

在整个项目中窗体太多不美观,如果能实现点击按钮直接显示就能提升用户体验性,可参考这篇文章
C#实现多窗口切换:Panel详细教程(亲测)

对项目完成优化后效果如下:

20220613_215754


重点难点讲解

这部分对全文做一个归纳,防止有的地方遗漏了,如果你有疑问可以看这里!

如果做到修改删除? 答:通过表单传值记录id在新的一个窗口查询一次数据,更新则是用了update

如果做到删除? 答:通过表单传值获取到的id进行数据库语句删除,删除本地的再删除数据库里面的

窗口如何传值:
本次通过构造函数,特点:传值是单向的(不可以互相传值),实现简单

实现代码如下:

在目标窗体中

int value1;

string value2;

public Form2 ( int value1 , string value2 )

{

    InitializeComponent ( );

    this.value1 = value1;

    this.value2 = value2;

}

在父级窗体中(跳转前)这样调用

new Form2 ( 111 , "222" ).Show ();  //这样就把111,"222",这2个值传送给了Form2

数据库部分视图以及需要用到的语句

在这里插入图片描述
admin表
在这里插入图片描述
用户表
在这里插入图片描述

连接数据库(注意修改以下配置)

 string constr = "server=127.0.0.1;port=3306;User Id=root;password=123456;Database=demo";
      //连接数据库
  MySqlConnection mycon = new MySqlConnection(constr);
  mycon.Open();

查询语句

 MySqlCommand mycmd = new MySqlCommand("SELECT * FROM `user`", mycon);
            MySqlDataReader rec = mycmd.ExecuteReader();

插入语句

 MySqlCommand mycmd = new MySqlCommand("INSERT INTO `表名` (`id`, `username`, `password`,`room_num`) VALUES (NULL, '', '', '');", mycon);

删除语句

 MySqlCommand mycmd = new MySqlCommand("DELETE FROM `user` WHERE `id` = ''", mycon);

结合文中所给的来看,明天在更新!

  大数据 最新文章
实现Kafka至少消费一次
亚马逊云科技:还在苦于ETL?Zero ETL的时代
初探MapReduce
【SpringBoot框架篇】32.基于注解+redis实现
Elasticsearch:如何减少 Elasticsearch 集
Go redis操作
Redis面试题
专题五 Redis高并发场景
基于GBase8s和Calcite的多数据源查询
Redis——底层数据结构原理
上一篇文章      下一篇文章      查看所有文章
加:2022-06-16 21:45:45  更:2022-06-16 21:46:31 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/19 22:25:12-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码