diff --git "a/.\345\220\264\345\230\211\347\216\262/20241108-\351\203\250\347\275\262\351\235\231\346\200\201\347\275\221\347\253\231.md" "b/.\345\220\264\345\230\211\347\216\262/20241108-\351\203\250\347\275\262\351\235\231\346\200\201\347\275\221\347\253\231.md" new file mode 100644 index 0000000000000000000000000000000000000000..5319136a72ca32cef731ac5c8b4bc634c0a62ba2 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241108-\351\203\250\347\275\262\351\235\231\346\200\201\347\275\221\347\253\231.md" @@ -0,0 +1,176 @@ +## 第一步如何安装nginx:命令如下 +``` +yum install -y nginx +``` + +## 第二步:设置nginx开机启动和nginx现在启动,命令如下: +``` +systemctl enable nginx + +systemctl start nginx +``` + +## 第三步、查看nginx情况,命令如下: +``` +systemctl status nginx +``` + +## 第四步、在/var/下创建www文件夹,并在www文件夹下创建以域名为名称的文件夹,由于我的域名是9ihub.com,所以,创建的文件夹名称就为9ihub.com,命令分别如下: +``` +mkdir /var/www + +cd /var/www + +mkdir 9ihub.com + +cd 9ihub.com +``` +....具体看:(https://gitee.com/myhfw003/how-to-build-a-static-website#%E7%AC%AC%E4%B8%89%E6%AD%A5%E6%9F%A5%E7%9C%8Bnginx%E6%83%85%E5%86%B5%E5%91%BD%E4%BB%A4%E5%A6%82%E4%B8%8B) + +### 1. 连接到远程服务器 + +#### 检查网络连接 + +在尝试SSH连接之前,确保你的本地机器可以与远程服务器通信。你可以使用`ping`命令来测试网络连通性: + +bash + +```bash +ping 远程主机地址 +``` + +- **远程主机地址**:可以是IP地址或域名。 + +如果`ping`命令成功,你将看到回应信息,这表明网络连接是正常的。如果`ping`失败,可能存在网络问题,需要进一步排查。 + +#### 检查安全组设置 + +如果你使用的是云服务或虚拟私有服务器(VPS),确保安全组(Security Groups)或防火墙规则允许从你的IP地址到远程服务器的22端口(SSH默认端口)的流量。这通常可以在云服务提供商的管理控制台中设置。 + +#### 开始连接服务器 + +在使用SSH连接到远程服务器时,你需要提供用户名和主机地址。以下是SSH连接的基本格式: + +```bash +ssh 用户名@主机地址 +``` + +- **用户名**:这是你在远程服务器上的账户名称。 +- **主机地址**:这是远程服务器的IP地址或者域名。 + +例如,如果你的用户名是`root`,服务器的IP地址是`192.168.1.1`,你可以使用以下命令连接: + +```bash +ssh root@192.168.1.1 +``` + +如果你使用的是域名,比如`example.com`,命令会是这样的: + +```bash +ssh root@example.com +``` + +**提示**:为了安全起见,建议使用密钥认证代替密码认证,这样可以避免在登录时输入密码。 + +### 2. 更新软件源 + +在Debian或Ubuntu系统上,你可以使用以下命令更新软件源并升级所有软件包: + +```bash +sudo apt update +sudo apt upgrade -y +``` + +- `sudo`:以超级用户权限运行命令。 +- `apt update`:更新本地软件包索引。 +- `apt upgrade -y`:升级所有可升级的软件包,`-y`参数表示自动回答“yes”。 + +### 3. 安装Nginx + +使用以下命令安装Nginx: + +```bash +sudo apt install -y nginx +``` + +- `sudo`:以超级用户权限运行命令。 +- `apt install`:安装软件包。 +- `-y`:自动回答“yes”以安装软件。 + +### 4. 创建网站目录 + +首先,切换到根目录并列出当前目录内容,然后创建一个新的网站目录: + +```bash +cd / +ls +cd /var/www/ +sudo mkdir www.example.com +``` + +- `cd /`:切换到根目录。 +- `ls`:列出当前目录的文件和文件夹。 +- `cd /var/www/`:切换到网站文件通常存放的目录。 +- `sudo mkdir www.example.com`:创建一个新的目录,用于存放你的网站文件。 + +### 5. 上传静态页面 + +使用SCP命令将本地文件上传到远程服务器。如果路径中包含空格,请确保使用引号将路径括起来: + +```bash +scp "你的本地文件路径" 用户名@主机地址:"/var/www/www.example.com/" +``` + +- `scp`:安全复制命令,用于在本地和远程服务器之间传输文件。 +- `"你的本地文件路径"`:替换为你的本地文件或目录的路径。 +- `用户名@主机地址`:替换为你的用户名和主机地址。 +- `"/var/www/www.example.com/"`:远程服务器上的目标路径。 + +**提示**:如果你有多个文件或目录需要上传,可以考虑使用`rsync`命令,它提供了更多的选项和更好的性能。 + +### 6. 编写Nginx配置文件 + +切换到Nginx配置文件目录,并创建一个新的配置文件: + +```bash +cd /etc/nginx/conf.d/ +sudo vim www.example.com.conf +``` + +- `cd /etc/nginx/conf.d/`:切换到Nginx配置文件所在的目录。 +- `sudo vim www.example.com`:使用`vim`编辑器创建一个新的配置文件。 + +在配置文件中,输入以下内容: + +```nginx +server { + listen 80; + server_name www.example.com; + + location / { + root /var/www/www.example.com; + index index.html; + } +} +``` + +- `listen 80;`:监听80端口,这是HTTP的默认端口。 +- `server_name www.example.com;`:指定服务器块的域名。 +- `location /`:定义请求的location块,用于处理对网站根目录的请求。 +- `root /var/www/www.example.com;`:指定网站文件的根目录。 +- `index index.html;`:指定默认的索引文件。 + +保存并退出vim编辑器(输入`:wq`)。 + +**提示**:在进行配置更改后,始终检查配置文件的语法是否正确,可以使用`sudo nginx -t`命令来测试配置文件。 + +### 7. 重载Nginx配置 + +使用以下命令重载Nginx配置,使更改生效: + +```bash +sudo nginx -s reload +``` + +- `sudo`:以超级用户权限运行命令。 +- `nginx -s reload`:重载Nginx配置文件。 \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/20241111-\345\210\233\345\273\272\350\247\206\345\233\276\346\216\247\345\210\266\345\231\250.md" "b/.\345\220\264\345\230\211\347\216\262/20241111-\345\210\233\345\273\272\350\247\206\345\233\276\346\216\247\345\210\266\345\231\250.md" new file mode 100644 index 0000000000000000000000000000000000000000..25a6f4a97efd748a54e5b30cce8cac6fc2fb9f00 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241111-\345\210\233\345\273\272\350\247\206\345\233\276\346\216\247\345\210\266\345\231\250.md" @@ -0,0 +1,128 @@ +# 创建新的控制器、文件夹和视图文件 + +## 1. 创建新控制器 + ++ 控制器用于处理用户请求并返回视图或数据。每个控制器类通常位于 `Controllers` 文件夹中,继承自 `Controller` 类。 + ++ 控制器的命名规则通常是:**控制器名称 + Controller**,例如:`HomeController`、`ProductController`。 + ++ 下面用`HomeController`举例子 + +### 示例代码: + +```csharp +using Microsoft.AspNetCore.Mvc; // 记得引用 Microsoft.AspNetCore.Mvc 命名空间 + +namespace MyFirstMvc.Controllers +{ + public class HomeController : Controller // 继承自 Controller 基类 + { + public IActionResult Index() + { + return View(); // 返回 Index 视图 + } + + public IActionResult About() + { + return View(); // 返回 About 视图 + } + } +} +``` + +### 解释: + ++ **HomeController**:这是新创建的控制器类,继承自 `Controller` 类。记得在文件顶部引用 `Microsoft.AspNetCore.Mvc` 命名空间,否则无法使用 `Controller` 类。 ++ **Index** 和 **About** 方法:这两个方法是控制器的动作(Action),分别用于响应 `/Home/Index` 和 `/Home/About` 请求。 ++ **return View();**:表示返回视图,默认查找名为 `Index.cshtml` 和 `About.cshtml` 的视图。 + +## 2. 创建视图文件夹和视图文件 + ++ 视图是用户最终看到的页面。通常情况下,视图文件存放在 `Views` 文件夹中,按照控制器名称组织。 + +### 步骤: + +1. 在 `Views` 文件夹中创建一个新的文件夹,命名为与控制器名称相同的名字(例如:`Home`)。 +2. 在 `Views/Home` 文件夹中,创建与控制器方法同名的视图文件(例如:`Index.cshtml` 和 `About.cshtml`)。 + +### 示例文件夹和文件结构: + ++ MyFirstMvc + + Controllers + + HomeController.cs + + + Views + + Home + + Index.cshtml + + About.cshtml + + +### 视图文件示例: + +#### `Views/Home/Index.cshtml` 文件内容: + +```html +@{ + Layout = "_Layout"; // 使用布局视图 +} + +

欢迎来到 HomeController 的 Index 页面

+

这是 HomeController 中的 Index 方法返回的视图。

+``` + +#### `Views/Home/About.cshtml` 文件内容: + +```html +@{ + Layout = "_Layout"; // 使用布局视图 +} + +

关于页面

+

这是 HomeController 中的 About 方法返回的视图。

+``` + +### 解释: + +- **`@{ Layout = "_Layout"; }`**:这行代码表示当前视图使用 `Views/Shared/_Layout.cshtml` 作为布局视图,布局文件通常用于放置网站的头部、导航和底部等共享部分。 +- **视图内容**:每个视图文件显示与控制器方法对应的内容。在 `Index.cshtml` 中,显示的是 `Index` 页面的内容;在 `About.cshtml` 中,显示的是 `About` 页面的内容。 + +## 3. 配置控制器和视图之间的连接 + +### 步骤: + +1. 在控制器方法中使用 `return View();` 返回视图。 +2. 如果视图文件夹和文件名与控制器和方法名称一致,MVC 会自动找到相应的视图文件。 + +例如,在 `HomeController` 中: + +```csharp +public IActionResult Index() +{ + return View(); // 自动查找 Views/Home/Index.cshtml +} + +public IActionResult About() +{ + return View(); // 自动查找 Views/Home/About.cshtml +} +``` + +### 解释: + +- **`return View();`**:在没有显式指定视图名称的情况下,ASP.NET Core MVC 会自动查找与当前控制器方法同名的视图文件。 + - `Index` 方法会查找 `Views/Home/Index.cshtml`。 + - `About` 方法会查找 `Views/Home/About.cshtml`。 + +## 4. 运行项目并测试 + +在创建好控制器和视图之后,可以运行项目并通过浏览器访问新创建的页面。 + +- 访问 `/Home/Index` 应该会显示 `Views/Home/Index.cshtml` 的内容。 +- 访问 `/Home/About` 应该会显示 `Views/Home/About.cshtml` 的内容。 + +## 5. 总结 + +- **控制器**:处理请求并返回视图。控制器的文件通常放在 `Controllers` 文件夹中。就像是网站的“导游”,它会根据用户的需求指引你到正确的页面。 +- **视图**:展示给用户的页面。视图文件放在 `Views` 文件夹中,并按照控制器名称组织。就像是展示给用户的网页内容,是你在浏览器中看到的部分。 +- **文件命名约定**:控制器文件以 `Controller` 结尾,视图文件与控制器方法同名。就像是给控制器和视图起名字的规范,帮助系统知道哪个控制器和哪些视图是相对应的。 +- **布局视图**:可以使用 `_Layout.cshtml` 来定义网站的公共布局部分(如头部、导航、底部等)。就像是网页的“模板”,确保每个页面都有相同的头部、导航和底部,让网站看起来一致而不重复。 \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/20241114-Linux\345\270\270\350\247\201\345\221\275\344\273\244\346\211\213\345\206\214.md" "b/.\345\220\264\345\230\211\347\216\262/20241114-Linux\345\270\270\350\247\201\345\221\275\344\273\244\346\211\213\345\206\214.md" new file mode 100644 index 0000000000000000000000000000000000000000..1621bb977920b0cf7024d5d825c9c87ca3352a43 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241114-Linux\345\270\270\350\247\201\345\221\275\344\273\244\346\211\213\345\206\214.md" @@ -0,0 +1,130 @@ +# Linux常见命令速查手册 +注意:以下命令的实验环境均基于Debian12,但除了Debian独有命令apt外,大部分命令都是通用的 + +## 一、如何登录服务器 +登录服务器命令:ssh root@XXX.XXX 第一次登录会底部要不要接受:输入yes,然后回车 输入密码,输入密码过程,没有任何显示,是正常的现象,只管理密码,然后回车就可以了 + +## 二、部署静态网站的核心科技 +网页所放位置在如下路径:/var/www/XXX.XXX/index.html + +nginx配置文件所放的位置在如下路径:/etc/nginx/conf.d/XXX.XXX.conf + +测试nginx的配置文件有无语法错误,命令如下:nginx -t 如果返回类似ok successful之类的提示,则表明没有语法错误,反之,需要排查语法 + +强制nginx重新加载配置文件命令:nginx -s reload + + +## 三、命令速查 +1. ls ++ **作用**:列出指定目录下的内容(文件或文件夹),如果没有指定目录,则显示当前目录下内容 ++ **语法**:ls 目录 ++ **常用选项**:a,列出所有的内容;l,以列表形式展示内容 ++ **常用命令的形式**:ls -al ++ **常用命令的作用**:列出当前目录下所有的内容,包括隐藏的文件和文件夹,并且以列表形式展示,如下所示: +``` +root@soft:~# ls -al +total 60 +drwx------ 7 root root 4096 Nov 8 09:06 . +drwxr-xr-x 18 root root 4096 Nov 7 13:16 .. +-rw------- 1 root root 1377 Nov 8 11:50 .bash_history +-rw-r--r-- 1 root root 743 Nov 7 16:41 .bashrc +drwx------ 5 root root 4096 Nov 8 09:19 .config +drwxr-xr-x 5 root root 4096 Nov 7 16:53 .npm +drwxr-xr-x 8 root root 4096 Nov 7 16:44 .nvm +-rw-r--r-- 1 root root 316 Nov 7 11:42 .profile +drwx------ 2 root root 4096 Nov 7 11:42 .ssh +-rw------- 1 root root 10402 Nov 7 15:54 .viminfo +-rw-r--r-- 1 root root 172 Nov 7 16:41 .zshrc +-rw-r--r-- 1 root root 350 Nov 8 09:06 init_debian.sh +drwxr-xr-x 6 root root 4096 Nov 7 16:45 sprite-cow +``` +2. cd ++ **作用**:切换当前目录到指定目录(当前目录也叫工作目录) ++ ****语法:cd 目录(可以是相对路径、绝对路径) ++ **常用选项**:无 ++ **常用命令的形式**:cd ++ **常用命令的作用**:直接回到家目录(root用户登录,就是root用户的家目录) +3. mkdir ++ **作用**:创建文件夹 ++ **语法**:mkdir 要创建的目录所在路径/要创建的目录名称 ++ **常用选项**: ++ **常用命令的形式**:mkdir XXX ++ **常用命令的作用**:在当前目录中创建名为XXX的文件夹 +4. rm ++ **作用**:删除文件夹或者目录,默认情况下,只能删除空目录 ++ **语法**:rm XXX ++ **常用选项**:r 递归删除其下所有的内容;f 强制删除(慎用!!!) ++ **常用命令的形式**:rm XXX ++ **常用命令的作用**:删除当前目录下名为XXX的文件 +5. vim ++ **作用**:编辑文件 ++ **语法**:vim XXX ++ **常用选项**:无 ++ **常用命令的形式**: ++ **常用命令的作用**: + + vim几个模式:命令模式、编辑模式(插入模式)、线性命令模式 + 几个模式之间的切换: + + vim刚进入是命令模式,按字母i进入编辑模式,此时可以输入内容; + + 按Esc键回到命令模式,此时可以输入:wq保存退出,或者:q不保存退出,后面加!表示强制,如:wq!表示强制保存退出,:q!表示不保存退出 + + 线性命令模式是较高级的用法,此处不作介绍 +6. scp ++ **作用**:用于传输内容到指定服务器 ++ **语法**:scp 文件 账号@服务器地址(ip或域名都可以):/xxx/xxx ++ **常用选项**:r 递归传输目录下所有的内容; ++ **常用命令的形式**:scp ./xxx.xx root@9ihub.com:/var/www ++ **常用命令的作用**:传输当前目录下的xxx.xx文件到9ihub.com所对应服务器下的/var/www目录中,并且是以root用法登录 +7. cp ++ **作用**:复制文件或文件夹 ++ **语法**:cp 源文件 目标目录 ++ **常用选项**:r 递归传输目录下所有的内容 ++ **常用命令的形式**: ++ **常用命令的作用**: +8. mv ++ **作用**:移动文件或文件夹 ++ **语法**: ++ **常用选项**: ++ **常用命令的形式**:mv abc.xyz abc.xyz.conf ++ **常用命令的作用**:将当前目录下的abc.xyz文件移动为abc.xyz.conf,实际效果为重命名 + + +### 执行 .NET SDK 命令。 + ++ sdk-options: +``` + | -d|--diagnostics | 启用诊断输出。 + |-h|--help | 显示命令行帮助。 + |--info | 显示 .NET 信息。 + |--list-runtimes |显示安装的运行时。 + |--list-sdks |显示安装的 SDK。 + |--version |显示使用中的 .NET SDK 版本。 +``` +### SDK 命令: + + add 将包或引用添加到 .NET 项目。 + + build 生成 .NET 项目。 + + build-server 与由生成版本启动的服务器进行交互。 + + clean 清理 .NET 项目的生成输出。 + + format 将样式首选项应用到项目或解决方案。 + + help 显示命令行帮助。 + + list 列出 .NET 项目的项目引用。 + + msbuild 运行 Microsoft 生成引擎(MSBuild)命令。 + + new 创建新的 .NET 项目或文件。 + + nuget 提供其他 NuGet 命令。 + + pack 创建 NuGet 包。 + + publish 发布 .NET 项目进行部署。 + + remove 从 .NET 项目中删除包或引用。 + + restore 还原 .NET 项目中指定的依赖项。 + + run 生成并运行 .NET 项目输出。 + + sdk 管理 .NET SDK 安装。 + + sln 修改 Visual Studio 解决方案文件。 + + store 在运行时包存储中存储指定的程序集。 + + test 使用 .NET 项目中指定的测试运行程序运行单元测试。 + + tool 安装或管理扩展 .NET 体验的工具。 + + vstest 运行 Microsoft 测试引擎(VSTest)命令。 + + workload 管理可选工作负荷。 + +### 捆绑工具中的其他命令: + + dev-certs 创建和管理开发证书。 + + fsi 启动 F# 交互/执行 F# 脚本。 + + user-jwts 在开发中管理 JSON Web 令牌。 + + user-secrets 管理开发用户密码。 + + watch 启动文件观察程序,它会在文件发生更改时运行命令。 \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/20241118-\344\274\240\345\217\202\345\222\214model.md" "b/.\345\220\264\345\230\211\347\216\262/20241118-\344\274\240\345\217\202\345\222\214model.md" new file mode 100644 index 0000000000000000000000000000000000000000..8b41f52f9fef695b326a66b667d968201fcb630c --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241118-\344\274\240\345\217\202\345\222\214model.md" @@ -0,0 +1,118 @@ +# 笔记 +``` +//引入命名空间(但是在引入之间,如果不是sdk自带的包的话,需要先安装依赖包) +using Microsoft.AspNetCore.Mvc; +using System; + +// 新版的命名空间形式 +namespace Blog.Controllers; + +//控制器(本质其实就是1个类型,通过继承Contro1ler这个类型来获得所有关于控制器的功能) +public class BlogsController : Controller{ + // 专业名称叫action,本质上其实就是一个方法(方法三要素:方法名称、参数、返回值) + public string Index(){ + var id = 18; + return id.ToString(); + } + + public string Create(){ + var rnd = new Random(); + return rnd.Next().Tostring();//需要将int类型显式转换为字符串 + } +} +``` +## 控制器 +* 控制器:本质其实就是 一个类型,通过继承Controller这个类型来获取所有关于控制器的功能 + * 模型绑定- 如何给方法传递参数 + * Restful + * get + * get /blogs + * 获取很多博客文章列表 + * get /blogs/18 + * 获取指定id为18的博客文章 + * post post /blogs + * 新增一篇博者文章,内容在body + * put put /blogs/1 + * 修改id为1的博客,内容在在body + * delete delete /blogs/2 + * 删除id为2的博客 + * products + * get /products + * 获取商品列表 + * get /products/33 + * 获取id为33的商品信息 + * post /products + * 新路1个商品,商品信息在body中 + * put /products/99 + * 修改id为99的商品,修改信息在body中 + * delete /products/18 + * 删除id为18的商品 + * books + * get /books/13/comments + * 获取id为13的那本书的评论列表 + * post /books/13/comments + * 给id为13的那本书,新增一条评论 + * put /books/13/comments/99 + * 修改id为13的那本书的评论 + * xdelete /books/13/comments/39 + * 删除id13的那本书下,id为39的评论 + +### 传参 + +1. 第一步先定义字段 + + 在Model中创StudentsCreateDto.cs + + 内容: + ``` + namespace Blog.Models; + //第一步先定义字段 + Public class StudentsCreateDto{ + Public string StudentName{get;set;}=null!; + Public string Age{get;set;}=null!; + Public string Height{get;set;}=null!; + } + ``` + +2. 之后在控制器创建BlogsController.cs + + 内容: + ``` + Using Microsoft.AspNetCCore.Mvc; + Using Blog.Medols; + namespace Blog.Controllers; + + Public class BlogsController : Controller{ + Public IActionResult List(){ + return RedirectToAction("index"); + } + } + ``` +2.1 //使用字段(第二步) +``` +Public dynamic Index(){//序列化反序列化 +var obj = new StudentsCreateDto{ + StudentName = "小米", + Age = "18", + Height = "188" +}; +return View(obj); +} +``` + +3. 在View 创Blogs文件夹+index ++ 内容:(str是自己命名,注意分号;StudentName是Model里面定义的字段名 ) +``` +@{ + var str="文字"; + @ str; + +

@str

//文字会变一级标题 + @Model.StudentName //调用的是Model的名字字段 + + //如果是多组用foreach遍历 + @foreach(var item in @Model){ +

@item.StudentName

+ + } +} +``` + + diff --git "a/.\345\220\264\345\230\211\347\216\262/20241120-\344\275\234\344\270\232.md" "b/.\345\220\264\345\230\211\347\216\262/20241120-\344\275\234\344\270\232.md" new file mode 100644 index 0000000000000000000000000000000000000000..ab23235e5f9fdab524b93418d5a84d98410a7232 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241120-\344\275\234\344\270\232.md" @@ -0,0 +1,158 @@ +# Linux +1. 尝试使用以下几种方式分别登录服务器,说明它们分别的注意事项,并说明它们之间的区别: ++ ssh客户端; ++ tabby应用; ++ xShell; ++ putty; +``` + 平台支持:SSH客户端通常是跨平台的,而Xshell和PuTTY最初是为Windows设计的,尽管PuTTY也有Unix版本。 + 用户界面:Tabby和Xshell提供了图形用户界面,适合不喜欢命令行的用户;SSH客户端和PuTTY既可以使用命令行也可以使用图形界面。 + 功能丰富性:Tabby作为一个终端模拟器,功能更加丰富,支持多种协议和配置;而Xshell和PuTTY更专注于SSH连接。 + 安全性:所有工具都支持SSH加密连接,但密钥管理的便捷性和安全性可能有所不同,特别是图形界面工具可能更易于配置但需要更注意密钥的保护。 + ``` +2. 命令:apt update,并了解这一步的实际用处和意义 + + apt update 是维护Linux系统安全性和最新性的重要步骤,它确保了系统在安装、升级或移除软件包时能够基于最新的信息进行操作 + ``` +同步软件包列表: +apt update 命令会从配置的软件源(通常是APT软件仓库)下载最新的软件包列表。这些列表包含了可用软件包的版本信息、依赖关系和其他元数据。 + +检查更新: +通过同步最新的软件包列表,系统可以知道哪些软件包有可用的更新。这对于确保系统和软件的安全至关重要,因为软件更新通常包括安全修复。 + +准备安装、升级和移除操作: +在执行 apt install、apt upgrade 或 apt remove 等命令之前,通常需要先运行 apt update 来确保系统有最新的软件包信息。这样,当执行这些操作时,系统会基于最新的信息来安装、升级或移除软件包。 + +提高效率: +apt update 命令会缓存更新的软件包列表,这样在短期内再次执行 apt update 时,不需要重新下载整个列表,从而提高了操作的效率。 + +避免安装过时的软件包: +如果不定期更新软件包列表,可能会安装已经发布更新版本的过时软件包,这可能会导致安全漏洞或兼容性问题。 + +命令执行过程: +当执行 apt update 时,APT会: + +读取 /etc/apt/sources.list 文件和 /etc/apt/sources.list.d/ 目录下的 .list 文件,这些文件定义了软件源。 +从这些软件源下载最新的软件包列表。 +更新本地的软件包索引文件,这些文件通常位于 /var/lib/apt/lists/ 目录下。 + ``` +![20241124195934](wikzn.store/20241124195934.png) + +3. 命令:apt upgrade -y,并了解这一步的实际用处意义 +``` +1. 安装软件包更新 +2. 自动解决依赖关系 +3. 提高系统安全性 +4. 修复已知问题 +5. 自动统一安装 +apt upgrade -y 是一个强大的命令,用于自动化地更新系统中的所有软件包,提高系统的安全性和稳定性。然而,它也需要用户注意备份数据、监控更新过程,并确保网络连接的稳定性 +``` + +# mvc +1. +``` +项目名称通常与项目文件的名称相匹配。例如,如果你的项目名为 T4,那么项目文件通常命名为 T4.csproj +``` +2. 创建一个控制项目,项目名称Blog +``` + dotnet new console -n 'Blog' +``` +3. 创建一个控制台项目,输出到Blog目录 +``` +mkdir Blog +cd Blog +dotnet new console +``` +4. 创建一个MVC项目,指定项目名称 +``` +dotnet new mvc -n Blog +``` +5. 创建一个MVC项目,指定输出目录 +``` +dotnet new mvc -n Blog +cd Blog +dotnet new mvc +``` +6. 创建一个带解决方案,其下有一个MVC项目,3个类库项目的“综合项目” +``` +dotnet new sln -o 'sln' +dotnet new mvc -n 'Blog' + +dotnet new classlib -n Xiangmu1 +dotnet new classlib -n Xiangmu2 +dotnet new classlib -n Xiangmu3 +``` +7. 创建一个项目,在默认控制器(Home)下,新增一个Action方法,名为Ok,同时为其创建对应视图以显示这个视图 +``` +1. 在MVC项目中,打开Controllers文件夹中的HomeController.cs文件。 +2. 添加一个新的Action方法Ok: +public IActionResult Ok() +{ + return View(); +} +3. 创建视图文件,在Views/Home目录下创建一个名为Ok.cshtml的文件,并添加以下内容: +

Ok

+

This is the Ok view.

+``` +8. 创建一个项目,创建一个新的控制器,名为Blogs,新的控制器拥有一个名为Index的Action,该方法返回一个视图,视`图显示“神级预判” +``` +1.右键单击Controllers文件夹,选择“添加” > “控制器”。 +2.选择“MVC控制器 - 空”。 +3.输入控制器名称“BlogsController”,然后点击“添加”。 +4.在BlogsController.cs中添加Index方法: +using Microsoft.AspNetCore.Mvc; + +namespace MyMvcProject.Controllers +{ + public class BlogsController : Controller + { + public IActionResult Index() + { + return View(); + } + } +} +5. 创建视图文件,在Views/Blogs目录下创建一个名为Index.cshtml的文件,并添加以下内容: +

神级预判

+``` + +9. 给第8题的新控制,添加一个新的Action,名为Music,不接受任何参数,并返回对应的视图,视图显示“顶级打野” +``` +1.在BlogsController.cs中添加一个新的List方法: +public IActionResult List() +{ + return View(); +} +2.创建视图文件,在Views/Blogs目录下创建一个名为List.cshtml的文件,并添加以下内容: +

CRUD Interface

+

This is a classic CRUD interface.

+``` +10. 给第8题的新控制器,新增一个Action,名为List,不接受任何参数,并返回对应视图,视图显示一个经典CRUD界面 +``` +右键单击Controllers文件夹,选择“添加” > “控制器”。 +选择“MVC控制器 - 空”。 +输入控制器名称“ProductsController”,然后点击“添加”。 +在ProductsController.cs中添加Edit方法: +using Microsoft.AspNetCore.Mvc; + +namespace MyMvcProject.Controllers +{ + public class ProductsController : Controller + { + public IActionResult Edit(int id) + { + ViewData["Message"] = "Edit this product: " + id; + return View(); + } + } +} +创建视图文件,在Views/Products目录下创建一个名为Edit.cshtml的文件,并添加以下内容: +

Edit Product

+

@ViewData["Message"]

+``` +11. 新增一个控制器,名为Products,该控制器具有一个名为Edit的Action,这个Action接受一个int类型的参数id,显示这个id + +12. 在11题的新控制器中,新增一个名为Create的Action,该Action接受一个类型为Students(有姓名、年龄、体长属性)的参数,并展示该参数的姓名属性 +![20241125215621](www.wikzn.store/20241125215621.png) +![alt text](./图片/image.png) + diff --git "a/.\345\220\264\345\230\211\347\216\262/20241125-\344\274\240\351\200\222\345\217\202\346\225\260.md" "b/.\345\220\264\345\230\211\347\216\262/20241125-\344\274\240\351\200\222\345\217\202\346\225\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..fdf1bef3e95ee04e974892b7aac4884b7e2a9e70 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241125-\344\274\240\351\200\222\345\217\202\346\225\260.md" @@ -0,0 +1,166 @@ +# 专项练习-控制器传参 +1. 简单参数传递 在一个叫Blog控制器中,定义一个叫Index的Action,并且传递一个int类型的值,id为变量名 +``` +public class BlogsController : Controller +{ + // GET: Blog/Index/5 + public ActionResult Index(int id) + { + // 你的逻辑代码 + return View(); + } +} +``` +2. 简单参数传递 在一个叫Blog控制器中,定义一个叫Index_2的Action,并且传递一个string类型的值,id为变量名 +``` +public class BlogsController : Controller +{ + // GET: Blog/Index_2/someId + public ActionResult Index_2(string id) + { + // 你的逻辑代码 + return View(); + } +} +``` +3. 简单参数传递 在一个叫Blog控制器中,定义一个叫Index_3的Action,并且传递一个string类型的值,name为变量名 +``` +public class BlogsController : Controller +{ + // GET: Blog/Index_3/JohnDoe + public ActionResult Index_3(string name) + { + // 你的逻辑代码 + return View(); + } +} +``` +4. 复杂参数传递 在一个叫Blog的控制器中,定义一个名为Create的Action,并且传递一个BlogCreateDto类型的值,blogCreateDto为变量名 + + + PS BlogCreateDto类型具有Title、Author、Content自动属性 + 1. 定义BlogsCreateDto类: + ``` + public class BlogCreateDto + { + public string Title { get; set; } + public string Author { get; set; } + public string Content { get; set; } + } + ``` + 2. 你可以在 Blog 控制器中定义 Create Action 方法: + ``` + public class BlogController : Controller + { + [HttpPost] // 通常用于处理POST请求 + public ActionResult Create(BlogCreateDto blogCreateDto) + { + if (ModelState.IsValid) + { + // 你的逻辑代码,例如保存blogCreateDto到数据库 + + // 操作成功后,重定向到另一个Action或返回视图 + return RedirectToAction("Success"); + } + + // 如果模型无效,返回带有错误信息的视图 + return View(blogCreateDto); + } + } + ``` +5. 复杂参数传递 在一个叫Blog的控制器中,定义一个名为Create_1的Action,并且传递一个Products类型的值,productCreateDto为变量名 + + + PS Products类型具有Name、 Price、Stock自动属性 + 1. 定义Products类 + ``` + public class Products + { + public string Name { get; set; } + public decimal Price { get; set; } + public int Stock { get; set; } + } + ``` + + 2. 在 Blog 控制器中定义 Create_1 Action 方法: + ``` + public class BlogController : Controller + { + [HttpPost] // 通常用于处理POST请求 + public ActionResult Create_1(Products productCreateDto) + { + if (ModelState.IsValid) + { + // 你的逻辑代码,例如保存productCreateDto到数据库 + + // 操作成功后,重定向到另一个Action或返回视图 + return RedirectToAction("Success"); + } + + // 如果模型无效,返回带有错误信息的视图 + return View(productCreateDto); + } + } + ``` + +6. 复杂参数传递 在一个叫Blog的控制器中,定义一个名为Create_2的Action,并且传递一个Students类型的值,studentCreateDto为变量名 + + + PS Students类型具有StudentName、Sex、Age自动属性 + 1. 定义Students类 + ``` + public class Students + { + public string StudentName { get; set; } + public string Sex { get; set; } // 通常性别用 "Male" 或 "Female" 表示,但这里根据你的要求使用 string 类型 + public int Age { get; set; } + } + ``` + + 2. 在 Blog 控制器中定义 Create_2 Action 方法: + ``` + public class BlogController : Controller + { + [HttpPost] // 通常用于处理POST请求 + public ActionResult Create_2(Students studentCreateDto) + { + if (ModelState.IsValid) + { + // 你的逻辑代码,例如保存studentCreateDto到数据库 + + // 操作成功后,重定向到另一个Action或返回视图 + return RedirectToAction("Success"); + } + + // 如果模型无效,返回带有错误信息的视图 + return View(studentCreateDto); + } + } + ``` +# 专项练习-基础能力 +1. mvc生成一个随机整数,范围[0,100],注意是否包含 + 1. 你需要确保你的项目中已经引入了 System 命名空间,因为 Random 类位于该命名空间下。 + ``` + using System; + + public class BlogController : Controller + { + // GET: Blog/RandomNumber + public ActionResult RandomNumber() + { + // 创建Random类的实例 + Random random = new Random(); + + // 生成一个0到100之间的随机整数,包括0和100 + int randomNumber = random.Next(0, 101); // Upper bound is exclusive, so we use 101 + + // 将随机数传递给视图 + return View(randomNumber); + } + } + ``` + 2. 可以创建一个名为 RandomNumber.cshtml 的视图文件 + ``` + @model int + +

Random Number

+

The generated random number is: @Model

+ ``` + diff --git "a/.\345\220\264\345\230\211\347\216\262/20241127-\350\247\206\345\233\276.md" "b/.\345\220\264\345\230\211\347\216\262/20241127-\350\247\206\345\233\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..e198773a6e07cc0e7ffb95c304101eb9683630d4 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241127-\350\247\206\345\233\276.md" @@ -0,0 +1,194 @@ +## 一、关于Action的返回值 + +1. 基础数据类型, 如int、string、List<>等等 +2. IActionResult,返回响应的状态码 + - 视图 + - 重定向 +3. ActionResult,是前面2个的结合体,意思为既可以返回基础数据类型,也可以返回响应状态 +4. 内容响应:JsonResult、ContentResult +5. POCO(比较老的类型对象) + +## 二、视图 + +1. Razor 专业说法 模版引擎 + - 大部分时候,我们都是通过View函数,传入数据(ViewModel)给视图,这样一来,视图中就可以通过@Model这个属性来取得这些数据 + + ``` + //在index写 + @{ + var str = "尝尝鱿鱼" + } + @str + +

@str

+ ``` + + - 实际上,我们可以通过声明视图模型的类型,来获得自动提示或者自动感知 +2. 在视图上显示数据的几个玩法 + - 在视图上定义简单数据,在视图上显示(在视图上定义对象数据,在视图上定义集合数据,显示的问题) + + - 后端传回来的对象数据,在视图上显示 + - 在后端传回来集合数据,在视图上显示 + +# 传参 +## 1. 第一步先定义字段 + + 在Model中创StudentsCreateDto.cs + + 内容: + ``` + namespace Blog.Models; + //第一步先定义字段 + Public class StudentsCreateDto{ + Public string StudentName{get;set;}=null!; + Public string Age{get;set;}=null!; + Public string Height{get;set;}=null!; + } + ``` + +2. 之后在控制器创建BlogsController.cs + + 内容: + ``` + Using Microsoft.AspNetCCore.Mvc; + Using Blog.Medols; + namespace Blog.Controllers; + + Public class BlogsController : Controller{ + Public IActionResult List(){ + return RedirectToAction("index"); + } + } + ``` +2.1 //使用字段(第二步) +``` +Public dynamic Index(){//序列化反序列化 +var obj = new StudentsCreateDto{ + StudentName = "小米", + Age = "18", + Height = "188" +}; +return View(obj); +} +``` + +3. 在View 创Blogs文件夹+index ++ 内容:(str是自己命名,注意分号;StudentName是Model里面定义的字段名 ) +``` +@{ + var str="文字"; + @ str; + +

@str

//文字会变一级标题 + @Model.StudentName //调用的是Model的名字字段 + + //如果是多组用foreach遍历 + @foreach(var item in @Model){ +

@item.StudentName

+ + } +} +``` +# 作业 +1. 渲染简单数据到页面 ++ Model代码: + ``` + namespace Blog.Models; + + //第一步先定义字段 + + public class StudentsCreateDto{ + public string StudentName{get;set;}=null!; + public string Age{get;set;}=null!; + public string Height{get;set;}=null!; + + } + ``` ++ 控制器代码 + ``` + //控制器 + using Microsoft.AspNetCore.Mvc; + using Blog.Models; + + namespace Blog.Controllers; + + public class BlogsController : Controller { + public IActionResult List(){ + return RedirectToAction("index"); + } + //第二步再使用Model里面的字段 + public dynamic Index(){//序列化反序列化 + + var obj= new StudentsCreateDto{ + StudentName="小米", + Age = "18", + Height ="188" + }; + return View(obj); + + } + } + ``` ++ 视图代码: + ``` + @{ + var str= "试试"; + } + @str + +

@str

+ + ``` +效果: +![20241127213836](www.wikzn.store/20241127213836.png) +2. 渲染复杂数据到页面 + Model,控制器如上; + 视图如下: + ``` + @Model.StudentName + +

@Model.Age

+ ``` +![20241127220347](www.wikzn.store/20241127220347.png) +3. 渲染集合数据到页面 ++ Model代码如上 ++ 控制器代码: + ``` + using Microsoft.AspNetCore.Mvc; + using Blog.Models; + + namespace Blog.Controllers; + + public class BlogsController : Controller { + public IActionResult List(){ + return RedirectToAction("index"); + } + + //第二步再使用Model里面的字段 + public dynamic Index(){//序列化反序列化 + var list=new List{ + new StudentsCreateDto { + StudentName="oppo", + Age = "18", + Height ="178" + }, + new StudentsCreateDto { + StudentName="vivo", + Age = "19", + Height ="178" + }, + new StudentsCreateDto { + StudentName="荣耀", + Age = "20", + Height ="155" + }, + }; + return View(list); + } + } + ``` ++ 效果: + ![20241127220105](www.wikzn.store/20241127220105.png) +3. 视图里调用: + ``` + @foreach(var item in @Model){ +

@item.StudentName

+ } + ``` \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/20241128-\351\232\217\346\234\272.md" "b/.\345\220\264\345\230\211\347\216\262/20241128-\351\232\217\346\234\272.md" new file mode 100644 index 0000000000000000000000000000000000000000..cd0d9da0760968e9b889da603193d287361acae5 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241128-\351\232\217\346\234\272.md" @@ -0,0 +1,213 @@ +# 笔记 + + +# 作业 +1. 生成一个随机整数,范围[0,100],注意是否包含 +2. 生成一个随机整数,范围(0,100],注意是否包含 ++ 控制器 + ``` + using Microsoft.AspNetCore.Mvc; + using Blog.Models; + + namespace Blog.Controllers; + + public class BlogsController : Controller{ + public IActionResult Test(){ + var ranTer = new Random(); + var ranNum = ranTer.Next(0,101); + + return Content(ranNum.ToString()); + } + } + ``` + +3. 生成10个随机整数,范围[5,80],注意是否包含 + +4. 定义一个字符串,字符串中有100个中文字符,需要从中随机取1个字符串 ++ 控制器 + ``` + public class BlogsController : Controller{ + public IActionResult Test(){ + + var ranTer = new Random(); + var ranNum = ranTer.Next(0,5); + + var str = "我是新东方"; + var ranStr =str[ranNum]; + + return Content(ranStr.ToString()); + + } + } + ``` +# 随机组合姓名第六题第七题: ++ 控制器 +```c# +using Microsoft.AspNetCore.Mvc; +using Blog.Models; + +namespace Blog.Controllers; + +public class WjlController : Controller +{ + //Xing 和 Chinese 是两个私有的只读字符串字段,分别存储了百家姓和中文字符。 + private readonly string Xing = "赵钱孙李周吴郑王冯陈褚卫蒋沈韩杨朱秦尤许何吕施张孔曹严华金魏陶姜戚谢邹喻柏水窦章云苏潘葛奚范彭郎鲁韦昌马苗凤花方俞任袁柳酆鲍史唐费廉岑薛雷贺倪汤滕殷罗毕郝邬安常乐于时傅皮卞齐康伍余元卜顾孟平黄和穆萧尹姚邵湛汪祁毛禹狄米贝明臧计伏成戴谈宋茅庞熊纪舒屈项祝董梁杜阮蓝闵席季麻强贾路娄危江童颜郭梅盛林刁钟徐邱骆高夏蔡田樊胡凌霍虞万柯咎管卢莫经房裘缪干解应宗宣丁贲邓郁单杭洪包诸左石崔吉钮龚程嵇邢滑裴陆荣翁荀羊於惠甄魏加封芮羿储靳汲邴糜松井段富巫乌焦巴弓牧隗山谷郏车侯宓蓬全郗班仰秋仲伊宫宁仇栾暴甘钭厉戎祖武符刘姜詹束龙叶幸司韶郜黎蓟薄印宿白怀蒲台从鄂索咸籍赖卓蔺屠蒙池乔阴郁胥能苍双"; + private readonly string Chinese = "的一是在不了有和人这中大为上个国我以要他时来用们生到作地于出就分对成会可主发年动同工也能下过子说产种面而方后多定行学法所民得经十三之进着等部度家电力里如水化高自二理起小物现实加量都两体制其应上的以要大由来一九开义又应有会着活更现面且斗则要由明看能事制受后定包干能老国将义相要论据到理系及定规学管"; + + // Blogs 方法是控制器的入口点,当用户访问根url时会被调用。 + // 调用 GetRandomNames(100) 方法生成100个随机姓名。 + // 使用 View 方法将生成的姓名列表传递给视图进行渲染。 + public IActionResult Blogs() + { + var names = GetRandomNames(100); + return View(names); + } + + // GetRandomNames: + // 这是一个私有方法,用于生成指定数量的随机姓名。 + private List GetRandomNames(int count) + { + // 创建一个 Random 实例用于生成随机数。 + var random = new Random(); + + // 创建一个空的字符串列表 names 用于存储生成的姓名。 + var names = new List(); + + // 使用 for 循环生成指定数量的姓名: + for (int i = 0; i < count; i++) + { + //使用 random.Next(Xing.Length) 从 Xing 字符串中随机选择一个索引,然后使用该索引获取一个姓。 + int xingIndex = random.Next(Xing.Length);//获取随机整数 + + string surname = Xing[xingIndex].ToString(); + + //使用 random.Next(1, 3) 生成1到2之间的随机数,决定从 Chinese 中选择多少个字符。 + int charCount = random.Next(1, 3); // 随机1到2个字符 + + // 使用 random.Next(Chinese.Length - charCount + 1) 生成字符的起始索引。 + int charIndex = random.Next(Chinese.Length - charCount + 1); + + // 使用 Substring 方法从 Chinese 中提取指定数量的字符。 + string firstName = Chinese.Substring(charIndex, charCount); + names.Add(surname + firstName);//将姓和名拼接成完整的姓名,并添加到 names 列表中。 + } + + return names;//最后返回包含所有生成姓名的列表 + } +} +``` + ++ 视图: +``` +@model List +@{ + ViewData["Title"] = "名字"; +} + +

名字

+ +
    + @foreach (var name in Model) + { +
  • @name
  • + } +
+``` +# Crud列表 ++ 效果图 +![20241130231840](www.wikzn.store/20241130231840.png) +![alt text](./图片/CRUD.png) + ++ 控制器 +```c# +using Models; +using Microsoft.AspNetCore.Mvc; + +public class CredController : Controller { + public ActionResult Index(){ + var obj = new { + + title="152" + + }; + return View(obj); +} +} +``` + ++ Model +```c# +namespace Models; + +public class CredCreateDto{ + public string Title { get; set; }=null!; + public string Author { get; set; }=null!; + public string Content { get; set; }=null!; +} +``` + ++ 视图 +```c# + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ID标题内容作者
1222333 + 编辑| + 详情| + 删除 +
2222333 + 编辑 | + 详情 | + 删除 +
3222333 + 编辑| + 详情| + 删除 +
4222333 + 编辑| + 详情| + 删除 +
+ +@Model.title +``` \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/20241202-\345\242\236\345\210\240\346\224\271\346\270\262\346\237\223\347\224\273\351\235\242.md" "b/.\345\220\264\345\230\211\347\216\262/20241202-\345\242\236\345\210\240\346\224\271\346\270\262\346\237\223\347\224\273\351\235\242.md" new file mode 100644 index 0000000000000000000000000000000000000000..a62d4ffbaf34d2e47e45e73fb4df5395158de287 Binary files /dev/null and "b/.\345\220\264\345\230\211\347\216\262/20241202-\345\242\236\345\210\240\346\224\271\346\270\262\346\237\223\347\224\273\351\235\242.md" differ diff --git "a/.\345\220\264\345\230\211\347\216\262/20241204-\345\242\236\346\224\271linq.md" "b/.\345\220\264\345\230\211\347\216\262/20241204-\345\242\236\346\224\271linq.md" new file mode 100644 index 0000000000000000000000000000000000000000..8d34c8e14d4fdd9a94e93cfab9f3e7abfc365ee2 Binary files /dev/null and "b/.\345\220\264\345\230\211\347\216\262/20241204-\345\242\236\346\224\271linq.md" differ diff --git "a/.\345\220\264\345\230\211\347\216\262/20241205-\345\210\240\351\231\244.md" "b/.\345\220\264\345\230\211\347\216\262/20241205-\345\210\240\351\231\244.md" new file mode 100644 index 0000000000000000000000000000000000000000..201976786f3c2a46a008b7a0a38afe5700893bbe --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241205-\345\210\240\351\231\244.md" @@ -0,0 +1,79 @@ +# 步骤 + +## 删除步骤 +1. 需要再Index.cshtml页面中`删除`获取Id值 +2. Delete.cshtml中的样式 + ``` + @model Blog.Models.Blogs; +

你真的要删除吗?

+ + + + + + + + + + + + + + + + + +
标题@Model.Title
内容@Model.Content
作者@Model.Author
删除回到主页
+ ``` +3. 展示删除页面 + ``` + public IActionResult Delete(int id) + { + //根据id找到对应的blog + var blog=Db.Blogs.FirstOrDefault(X=>X.Id==id); + return View(blog); + } + ``` +4. 确认删除页面 + ``` + public IActionResult DeleteConfirm(int id) + { + //根据id找到对应的blog + var blog=Db.Blogs.FirstOrDefault(X=>X.Id==id); + //如果blog不为空,查找出来就删除 + if(blog!=null) + { + Db.Blogs.Remove(blog); + //删除完返回列表页 + return RedirectToAction("Index"); + } + //如果找不到就返回找不到提示 + return NotFound(); + } + ``` + + +## 查询步骤 +1. Index.cshtml的查询样式 + ``` +
+ + +
+ ``` +2. 查询页面 + ``` + public IActionResult Index(string keyword) + { + //判读keyword是否为空,不为空则删除空格 + keyword=string.IsNullOrEmpty(keyword)?"":keyword.Trim(); + //如果为空返回主页 + if(string.IsNullOrEmpty(keyword)) + { + return View(Db.Blogs); + } + //如果不为空,则查询 + var list=Db.Blogs.Where(x=>x.Title.Contains(keyword)||x.Content.Contains(keyword)||x.Author.Contains(keyword)).ToList(); + return View(list); + } + ``` \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/20241209-\351\223\276\346\216\245\346\225\260\346\215\256\345\272\223.md" "b/.\345\220\264\345\230\211\347\216\262/20241209-\351\223\276\346\216\245\346\225\260\346\215\256\345\272\223.md" new file mode 100644 index 0000000000000000000000000000000000000000..e6132d87303162d5dc98de23848ac57a8009a679 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241209-\351\223\276\346\216\245\346\225\260\346\215\256\345\272\223.md" @@ -0,0 +1,70 @@ +# 数据模型 +## 数据库的选择和权衡 + + + Sqlserver + + PostgreSQL + + Mysql/MariaDb + + Oracle + + Db2 + + Sybase + +## ORM工具的选择和使用 + + + EntityFrameworkCore + + Dapper + + SqlSuper + +# 数据的持久化 + - 结绳记事 + - 甲骨文 + - 木简 + - 竹简 + - 纸 + - 账本 + - 文本文件、Excel (磁盘:HDD、SSD) + - 数据库 + - 常见数据库 + - Sqlserver + - PostgreSQL + - Mysql/MariaDb - + - 常见ORM工具(比喻为应用和数据库之间的通讯员) + - Dapper + - EntityFrameworkCore + - FreeSql + + +# 应用EntityFrameworkCore的步骤 +1. 安装依赖包,命令:dotnet add package Microsoft.EntityFrameworkCore.SqlServer +2. 定义数据库表模型 + ``` + namespace Blog.Models; + + public class Blogs + { + public int Id { get; set; } + public string Title { get; set; } = null!; + public string Content { get; set; } = null!; + public string Author { get; set; } = null!; + } + ``` +3. 定义数据库上下文 + ``` + using Microsoft.EntityFrameworkCore; + + namespace Blog.Models; + + public class BlogDbContext : DbContext + { + public DbSet Blogs { get; set; } = null!; + + + // The following configures EF to create a Sqlite database file in the + // special "local" folder for your platform. + protected override void OnConfiguring(DbContextOptionsBuilder options) + => options.UseSqlServer($"Server=.\\SQLEXPRESS;database=Blog4;uid=sa;pwd=123456;TrustServerCertificate=True;"); + } + ``` + +4. 生成迁移文件,命令:`dotnet ef migrations add XXX` (PS:可能需要安装如下依赖包:Microsoft.EntityFrameworkCore.Design) + +5. 将上一步生成的迁移文件,更新到数据库:`dotnet ef database update`(PS:需要保证连接字符串正确无误,包括用户名、密码等,数据库打开,并且允许远程连接) \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/20241212-linq29.md" "b/.\345\220\264\345\230\211\347\216\262/20241212-linq29.md" new file mode 100644 index 0000000000000000000000000000000000000000..7b29fc83e984cd32894773e360bd76ff4af0c992 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241212-linq29.md" @@ -0,0 +1,245 @@ +1. 第1-3题 + ``` + public IActionResult Index() + { + int[] numbers = { 1, 2, 3, 4, 5, 6 }; + //1.查询特定元素 找出数组中等于5的元素。 + var one = numbers.Where(n => n == 5).ToList(); + //查询特定范围的元素 找出数组中在2到8之间的元素 + var two = numbers.Where(n => n >2 && n<8).ToList(); + //查询并转换元素 将数组中的每个数字乘以2 + var three=numbers.Select(n=>n*2).ToList(); + return View(); + } + ``` +2. 第4题 + ``` + public IActionResult Index() + { + //查询特定属性的对象 找出所有名字以"王"开头的学生。 + List students = new List + { + new Student {Id=1, Name = "王有才", Age = 21 }, + new Student {Id=2, Name = "王中王", Age = 22 }, + new Student {Id=3, Name = "张语嫣", Age = 23 }, + new Student {Id=4, Name = "詹宇航", Age = 35 }, + new Student {Id=5, Name = "郑雨良", Age = 26 }, + }; + var four=students.Where(n=>n.Name.Contains("王")).ToList(); + return View(four); + } + ``` +3. 第5题 + ``` + public IActionResult Index() + { + List students = new List + { + //查询并排序 找出所有年龄大于20岁的学生,并按年龄降序排列。 + new Student {Id=1, Name = "王有才", Age = 21 }, + new Student {Id=2, Name = "罗婷", Age = 21 }, + new Student {Id=3, Name = "王中王", Age = 22 }, + new Student {Id=4, Name = "李子柒", Age = 22 }, + new Student {Id=5, Name = "张语嫣", Age = 23 }, + new Student {Id=6, Name = "詹宇航", Age = 35 }, + new Student {Id=7, Name = "郑雨良", Age = 26 }, + new Student {Id=8, Name = "欧文", Age = 26 }, + }; + var five=students.Where(n=>n.Age>=20).OrderByDescending(s => s.Age).ToList(); + return View(five); + } + ``` +4. 第6-15题 + ``` + public IActionResult Index() + { + //查询并去重 找出数组中所有不重复的数字。 + int[] numbers = { 1, 2, 3, 4, 5, 6,18,23,64,7,18,2,3 }; + var a=numbers.Distinct().ToList(); + //查询第一个元素 找出数组中第一个大于3的元素。 + var b=numbers.FirstOrDefault(x=>x>3); + //查询最后一个元素 找出数组中最后一个小于7的元素。 + var c=numbers.LastOrDefault(x=>x<7); + //查询元素是否存在 检查数组中是否存在大于10的元素 + var d=numbers.Any(x=>x>10); + //查询元素的计数 计算数组中大于5的元素数量。 + var e=numbers.Count(x=>x>5); + //查询元素的总和 计算数组中所有元素的总和。 + var f=numbers.Sum(); + //查询元素的最大值 找出数组中的最大值。 + var g=numbers.Max(); + //查询元素的最小值 找出数组中的最小值。 + var h=numbers.Min(); + //查询元素的平均值 计算数组中所有元素的平均值。 + //double average = numbers.Average(); + var i=numbers.Sum()/numbers.Length; + //查询特定条件的元素 找出数组中能被3整除的元素。 + var j=numbers.Where(n => n % 3 == 0).ToList(); + return View(); + } + ``` +5. 第16-17题 + ``` + public IActionResult Index() + { + List students = new List + { + new Student {Id=1, Name = "王有才", Age = 21 }, + new Student {Id=2, Name = "罗婷", Age = 21 }, + new Student {Id=3, Name = "王中王", Age = 22 }, + new Student {Id=4, Name = "李子柒", Age = 22 }, + new Student {Id=5, Name = "张语嫣", Age = 23 }, + new Student {Id=6, Name = "詹宇航", Age = 35 }, + new Student {Id=7, Name = "郑雨良", Age = 26 }, + new Student {Id=8, Name = "欧文", Age = 26 }, + }; + //查询并选择特定属性 找出所有学生的姓名和年龄 + var a = students.Select(x => new{x.Name,x.Age}).ToList(); + //查询并分组 按年龄分组学生,并计算每个年龄组的学生数量。 + var b=students.GroupBy(s => s.Age) .Select(g => new { Age = g.Key, Count = g.Count() }) .ToList();; + return View(); + } + ``` +6. 第18题 + ``` + public IActionResult Index() + { + List students = new List + { + new Student {Id=1, Name = "王有才", Age = 21 }, + new Student {Id=2, Name = "罗婷", Age = 21 }, + new Student {Id=3, Name = "王中王", Age = 22 }, + new Student {Id=4, Name = "李子柒", Age = 22 }, + new Student {Id=5, Name = "张语嫣", Age = 23 }, + new Student {Id=6, Name = "詹宇航", Age = 35 }, + new Student {Id=7, Name = "郑雨良", Age = 26 }, + new Student {Id=8, Name = "欧文", Age = 26 }, + }; + List courses=new List + { + new Course{StudentId=1,CourseName="英语"}, + new Course{StudentId=1,CourseName="数学"}, + new Course{StudentId=2,CourseName="语文"}, + new Course{StudentId=3,CourseName="物理"}, + new Course{StudentId=4,CourseName="化学"}, + new Course{StudentId=4,CourseName="生物"}, + new Course{StudentId=4,CourseName="语文"}, + }; + //查询并联结 联结学生和课程表,找出每个学生的所有课程。 + var a = from student in students join course in courses on student.Id equals course.StudentId into studentCourses + select new{StudentName = student.Name,Courses = studentCourses.Select(c => c.CourseName).ToList()}; + return View(a.ToList()); + + } + ``` +7. 第19-21题 + ``` + public IActionResult Index() + { + int[] numbers = { 1, 2, 3, 4, 5, 6,18,23,64,7,18,2,3 }; + //查询并反转 反转数组中的元素顺序。 + var a = numbers.AsEnumerable().Reverse(); + // 将结果转换回数组 + int[] four = a.ToArray(); + //查询并填充 找出数组中第一个大于2的元素,并用它填充后面的所有位置。 + int b = numbers.FirstOrDefault(n => n > 2); + // 如果找到了,用它填充后面的所有位置 + if (b != 0) // 这里使用0是因为b是int类型,它的默认值是0 + { + int index = Array.IndexOf(numbers, b); + for (int i = index + 1; i < numbers.Length; i++) + { + numbers[i] = b; + } + } + //查询并排除 从数组中排除所有小于5的元素。 + var c = numbers.Where(n => n >= 5).ToList(); + return View(); + + } + ``` +8. 第22题 + ``` + public IActionResult Index() + { + int?[] nullableNumbers = { 1, null, 3, null, 5 }; + //查询并填充默认值 如果数组中存在null值,用默认值0替换。 + var a = nullableNumbers.Select(n => n ?? 0).ToList(); + return View(); + } + ``` +9. 第23题 + ``` + public IActionResult Index() + { + string[] stringNumbers = { "1", "2", "3", "4" }; + //查询并转换类型 将字符串数组转换为整数数组。 + int[] a = stringNumbers.Select(int.Parse).ToArray(); + return View(); + } + ``` +10. 第24题 + ``` + public IActionResult Index() + { + object[] objects = { "String", 123, "Another String", 456 }; + var result = objects.OfType().ToList(); + //查询并使用OfType过滤 从对象数组中过滤出字符串类型的元素。 + return View(); + } + ``` +11. 第25题 + ``` + public IActionResult Index() + { + int[] numbers1 = { 1, 2, 3 }; + int[] numbers2 = { 4, 5, 6 }; + //查询并使用Zip合并 合并两个数组,并创建一个包含元素对的新数组。 + var a = numbers1.Zip(numbers2, (first, second) => new { first, second }).ToList(); + return View(); + } + ``` +12. 第26题 + ``` + public IActionResult Index(){ + //查询并使用Range生成 生成一个包含1到10的整数数组 + int[] a = Enumerable.Range(1, 10).ToArray(); + return View(a); + } + ``` +13. 第27题 + ``` + public IActionResult Index(){ + //查询并使用Repeat重复 重复一个元素多次,创建一个新数组。 + // 要重复的元素 + int number = 7; + // 重复的次数 + int repeatCount = 10; + // 使用LINQ的Repeat方法重复元素 + var a = Enumerable.Repeat(number, repeatCount).ToArray(); + // 将结果传递给视图 + return View(); + } + ``` +14. 第28题 + ``` + public IActionResult Index(){ + //查询并使用Take限制数量 从数组中取出前5个元素。 + int[] numbers = { 1, 2, 3, 4, 5, 6,18,23,64,7,18,2,3 }; + // 使用LINQ的Take方法取出前5个元素 + var a = numbers.Take(5).ToArray(); + // 将结果传递给视图 + return View(); + } + ``` +15. 第29题 + ``` + public IActionResult Index(){ + //查询并使用Skip跳过元素 跳过数组中的前3个元素,然后取出剩余的元素。 + int[] numbers = { 1, 2, 3, 4, 5, 6,18,23,64,7,18,2,3 }; + // 使用LINQ的Skip方法跳过前3个元素 + var a = numbers.Skip(3).ToArray(); + // 将结果传递给视图 + return View(); + } + ``` \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/20241216-\347\261\273\344\274\274\345\255\246\347\224\237\344\277\241\346\201\257.md" "b/.\345\220\264\345\230\211\347\216\262/20241216-\347\261\273\344\274\274\345\255\246\347\224\237\344\277\241\346\201\257.md" new file mode 100644 index 0000000000000000000000000000000000000000..bcd733699c3c4892cd3c49627e156ee51267a151 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241216-\347\261\273\344\274\274\345\255\246\347\224\237\344\277\241\346\201\257.md" @@ -0,0 +1,91 @@ +# 学生信息表(完整步骤) +1. Models中创学生表,成绩表,课程表 +如下: +```c# +public class Course{ + //主键Id + public int Id{get;set;} + //课程名称 + public string CourseName{get;set;}=null!; + // .... +} +``` + +2. Models中类数据库表实现上下文的交互(文件名称叫**ScoreDbContext**) +```c# +Using Microsoft.EntityFrameworkCore; +namespace ScoreDbContext : DbContext{ + //以下为数据库上下文的公开属性,将会被映射到数据库表 + public Dbset Students{get;set;}=null!; + public Dbset Courses{get;set;}=null!; + public Dbset Scores{get;set;}=null!; +} + +protected override void OnConfiguring(DbContextOptionsBuilder optionsBuilder){ + base.OnConfiguring(optionsBuilder); + + var conString = $"server=.\\SQLEXPRESS;database=Score4;uid=sa;pwd=123456;TrustServerCertificate=true;" + + optionsBuilder.UseSqlServer(conString) +} + +``` + +3. 实现交互在ScoreDbContext中的终端实现 + 1. 生成迁移文件:`dotnet ef migrations add XXX` + + 前提是: + - 第一得先安装依赖包(Design是数据库):`dotnet addd package Microsoft.EntityFrameworkCore.Design` + - 第二是需要一个工具,ef工具,安装命令是:`dotnet tool install --global dotnet-ef` + - 第三是要求程序不能有编译错误,若想确认有没有编译错误:`dotnet build` + - 第四是程序不能处于运行状态 + 2. 将迁移文件同步到数据库 +**若第三步成功会出现:Migrations文件夹** + +4. 打开数据库后,服务打开后开终端实现:`dotnet ef database update` +5. 可以打开数据库确认有没有成功 +6. 控制器中创建各个表的控制器:`studentController.cs ScoreController.cs CoureController.cs` +7. 创视图各个文件夹的Index例如: ++ 例如:课程的控制器: +```c# +// namespace .... +public class CourseController : Controller{ + //数据库的数据拿过来 + // _db是暂时的叫这个 + private readonly ScoreDbContext _db; + public CourseController(){ + _db = new ScoreDbContext(); + } + public IActionResult Index(){ + var list = _db.Course.ToList(); + return View(list); + } +} +``` +8. 视图创Index例如(课程信息表) +```c# +@model List; + + +// .... +@foreach(var item in @Model){ + + + + + +} +
@item.Id@item.CourseName + 编辑 + 删除 +
+ +``` + +9. 插入数据(数据库中) +``` +insert into Course(CourseName) values('英语'),('语文').... +``` + +10. Course控制器为例:写Edit、Delete、Create + +11. Course视图中创Edit.cshtml、Delete.cshtml、Create.cshtml \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/20241223-\347\237\245\350\257\206\350\241\245\345\205\205\345\255\246\347\224\237\350\241\250.md" "b/.\345\220\264\345\230\211\347\216\262/20241223-\347\237\245\350\257\206\350\241\245\345\205\205\345\255\246\347\224\237\350\241\250.md" new file mode 100644 index 0000000000000000000000000000000000000000..7844163606703e0afcf863daa6b3ec37cf4fab16 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241223-\347\237\245\350\257\206\350\241\245\345\205\205\345\255\246\347\224\237\350\241\250.md" @@ -0,0 +1,47 @@ +# 笔记 + +1. IEnumerable -->可迭代;可遍历;(集合接口) +**用了就可以用foreach** +例:`@model IRnumerable` + +2. 视图中要引用数据库的内容 + 2.1 写: + ```c# + public class StudentsController : Controller + { + //ScoreDbContext 是类数据库的那个伪库 + //_db是自己取得名字用来代替数据库名字 + private readonly ScoreDbContext _db; + //构造函数 + //名字要和控制器名字一模一样 + public StudentDbContext() + { + _db = new ScoreDbContext (); + } + //下一步:Index中要返回视图中 + //Index中的return View(_db.Courses)--->Courses和ScorewDbContext中Dbset取得名字一样 + + } + ``` + +3. `405的错误是`: ++ 参数错误 ++ Method对不上 + + +4. `404错误是:`**找不到页面** ++ 若无书写上的错误就重跑 + +5. 505请求处了问题 + +6. **编辑是Update 不是Add** +例:新增 +```c# +[HttpPost] +public IActionResult Create(Course input){ + //这里是Add;编辑就是Update + _db.Courses.Add(input); + _db.SaveChanges(); + return RedirectToAction("Index") +} +``` diff --git "a/.\345\220\264\345\230\211\347\216\262/20241225-\350\241\245\345\205\205\347\237\245\350\257\206\347\202\2712.md" "b/.\345\220\264\345\230\211\347\216\262/20241225-\350\241\245\345\205\205\347\237\245\350\257\206\347\202\2712.md" new file mode 100644 index 0000000000000000000000000000000000000000..73f5bad97b36fbfe7bc55ba8aa2fb77aa6343a5b --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241225-\350\241\245\345\205\205\347\237\245\350\257\206\347\202\2712.md" @@ -0,0 +1,14 @@ +## 笔记 + +1. 查询功能 method用的**get** + +2. from中写name=abc 这里的abc相当于keyword ++ 之后的Index中要(string abc)拿到参数 ++ 返回可以用:`return JsonSerializar.Serialize new{abc}` + +3. [ FromQuery] =>查询字符串 + +4. + 前|| 后 :如前对,后不执行 + + 前|后 : 都判断一遍 + + diff --git "a/.\345\220\264\345\230\211\347\216\262/20241226-\347\254\224\350\256\260.md" "b/.\345\220\264\345\230\211\347\216\262/20241226-\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..ab76a70f24f29272cc52a07b20be180c4e555562 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/20241226-\347\254\224\350\256\260.md" @@ -0,0 +1 @@ +# 综上所述的完成完整过程 \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/\345\233\276\347\211\207/CRUD.png" "b/.\345\220\264\345\230\211\347\216\262/\345\233\276\347\211\207/CRUD.png" new file mode 100644 index 0000000000000000000000000000000000000000..3f767c472b455ffb4c36e69bad1e0c0dc60e439c Binary files /dev/null and "b/.\345\220\264\345\230\211\347\216\262/\345\233\276\347\211\207/CRUD.png" differ diff --git "a/.\345\220\264\345\230\211\347\216\262/\345\233\276\347\211\207/crue\345\242\236.png" "b/.\345\220\264\345\230\211\347\216\262/\345\233\276\347\211\207/crue\345\242\236.png" new file mode 100644 index 0000000000000000000000000000000000000000..c0c7858fad8466378b43c48a7f485a95aec7c051 Binary files /dev/null and "b/.\345\220\264\345\230\211\347\216\262/\345\233\276\347\211\207/crue\345\242\236.png" differ diff --git "a/.\345\220\264\345\230\211\347\216\262/\345\233\276\347\211\207/image.png" "b/.\345\220\264\345\230\211\347\216\262/\345\233\276\347\211\207/image.png" new file mode 100644 index 0000000000000000000000000000000000000000..15414b89a50974fbc9ae117cc8b65141f074feae Binary files /dev/null and "b/.\345\220\264\345\230\211\347\216\262/\345\233\276\347\211\207/image.png" differ diff --git "a/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/20240925\346\237\261\347\212\266.html" "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/20240925\346\237\261\347\212\266.html" new file mode 100644 index 0000000000000000000000000000000000000000..3ebc9c086b068782bc8f68112124a077fc26800d --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/20240925\346\237\261\347\212\266.html" @@ -0,0 +1,21 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/20240925\346\237\261\347\212\2661.html" "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/20240925\346\237\261\347\212\2661.html" new file mode 100644 index 0000000000000000000000000000000000000000..8dcbcce3b45028f9d43725121558df3d8df49310 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/20240925\346\237\261\347\212\2661.html" @@ -0,0 +1,63 @@ + + + + + +柱形图示例 + + + + +
+ + + + + \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/20240927\344\275\234\344\270\232\346\234\200\345\244\247\345\200\274\346\234\200\345\260\217\345\200\274.html" "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/20240927\344\275\234\344\270\232\346\234\200\345\244\247\345\200\274\346\234\200\345\260\217\345\200\274.html" new file mode 100644 index 0000000000000000000000000000000000000000..f0f78ac0f6760da518b883bfc4beb5f119653ca5 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/20240927\344\275\234\344\270\232\346\234\200\345\244\247\345\200\274\346\234\200\345\260\217\345\200\274.html" @@ -0,0 +1,56 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/2024912\345\217\230\351\207\217\345\243\260\346\230\216.html" "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/2024912\345\217\230\351\207\217\345\243\260\346\230\216.html" new file mode 100644 index 0000000000000000000000000000000000000000..aab1fc03544f6b0ffddee89ac50d27cfdf89fd42 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/2024912\345\217\230\351\207\217\345\243\260\346\230\216.html" @@ -0,0 +1,52 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/\346\217\220\346\254\276\346\234\272.html" "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/\346\217\220\346\254\276\346\234\272.html" new file mode 100644 index 0000000000000000000000000000000000000000..c92ed97fdcf0b86925d4730c59b3bcd3ae47cf90 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/\346\217\220\346\254\276\346\234\272.html" @@ -0,0 +1,67 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/\347\224\250\346\210\267\344\277\241\346\201\257.html" "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/\347\224\250\346\210\267\344\277\241\346\201\257.html" new file mode 100644 index 0000000000000000000000000000000000000000..c89dc65a2de6757bc045ed6680bd7e9f333a85ff --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\344\275\234\344\270\232\344\273\243\347\240\201/\347\224\250\346\210\267\344\277\241\346\201\257.html" @@ -0,0 +1,20 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git "a/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\347\254\224\350\256\260/20240908js\345\237\272\347\241\200.md" "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\347\254\224\350\256\260/20240908js\345\237\272\347\241\200.md" new file mode 100644 index 0000000000000000000000000000000000000000..64fbf03ab42e1eabb2fabfb8014210f8daca3386 --- /dev/null +++ "b/.\345\220\264\345\230\211\347\216\262/\350\257\276\345\240\202\347\254\224\350\256\260/20240908js\345\237\272\347\241\200.md" @@ -0,0 +1,25 @@ +# js基础第一课 + +### 1. JavaScript是什么? ++ 可以直接嵌入到HTML页面中,通过浏览器执行,实现人机交互; ++ ECMAScript和Web APIs + +### 2. JavaScript书写位置有几种?常用的是? +内部 外部 内联:外部脚本 + +### 3. JavaScript的注释分为哪几种? +#### JavaScript支持两种类型的注释: +- 单行注释:使用//开头,直到行尾的所有内容 +- 多行注释(或块注释):使用/*开始,使用*/结束 + +### 4. JavaScript的结束符是什么?是否可以省略? +;(分号),可以省略 + +### 5. javaScript输入输出语句都有哪些? ++ 输出: + + console.log()在控制台输出信息,最常用的输出方式(专门给i开发人员看的) + + document.write()或document.writeln()向网页中写入内容,但这种方式会重写整个页面的内容(如果在文档加载完成后使用)不常用 + + alter(),弹窗 ++ 输入: + + prompt() + +