# web3_5220726

**Repository Path**: youthmemory/web3APP

## Basic Information

- **Project Name**: web3_5220726
- **Description**: Web3.0第一天
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-02
- **Last Updated**: 2023-07-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 5220726黄华军

## 训练计划

| 训练计划 | []()**时间**  **(** **具体到天)** | []()**训练内容** | **授课方式**  **(** **讲授、讲座、讨论、练习、调研等)**                                                            | []()[]()**目标和提交物** **（若干天为一个阶段，每个阶段需要明确教学目标和提交物）** |
| -------- | --------------------------------------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------- |
| 第1天    | Web3.0应用场景与技术架构                            | 讲座、讨论             | 学习当下Web3.0的发展趋势，完成作品的选题及策划； 对学员掌握的Web开发基础查漏补缺，完成相关知识点的练习题。                           |                                                                                                 |
| 第2天    | Web3.0大前端基础与实战（一）                        | 讲授、练习             | 学习大前端开发技术，完成作品的前端页面的3-4个主要页面开发。                                                                          |                                                                                                 |
| 第3天    | Web3.0大前端基础与实战（二）                        | 讲授、练习             | 学习组件化技术，完成作品的前端页面的1-2个核心组件及架构优化。                                                                        |                                                                                                 |
| 第4天    | Web3.0数据库基础与设计                              | 讲授、练习             | 学习数据库设计，并完成自己作品的3-4张数据表设计与模拟数据的录入工作。                                                                |                                                                                                 |
| 第5天    | Web3.0微服务基础与实战                              | 讲授、练习             | 学习Node微服务，实现项目所需的2-4个API接口，并完成与前端的数据对接。                                                                 |                                                                                                 |
| 第6天    | DevOps运维基础与实践                                | 讲授、练习             | 学习项目的编译、打包、发布相关技术，完成1款作品移动端App的打包发布。                                                                 |                                                                                                 |
| 第7天    | 优秀作品项目评选                                    | 讨论、练习             | 从学员作品的选题新意、需求策划、体验美观、技术实现等维度，评选优秀作品，获得**暑期企业实训**或者**技术天使投资**的机会。 |                                                                                                 |

## 老师笔记

### 第一天笔记

【金山文档】 学员列表
https://kdocs.cn/l/ctseSMkpT1Wm

【金山文档】 毕业哪儿都通 5210666 苏文涛
https://kdocs.cn/l/ccCACNrXyETz

【金山文档】 智选优软 SmartChoice 5220467 彭劭强
https://kdocs.cn/l/caLFOP3O435A

【金山文档】 易出行 5220533 祝仕杰
https://kdocs.cn/l/ck4urweL5FbM

【金山文档】 毕业哪儿都通 5210666 苏文涛
https://kdocs.cn/l/ccCACNrXyETz

#### 首先先确定下以下一个注册和三个下载(特别是序号四)

1.gitee

注册账号并开一个新仓库，此时仓库内容为空所以无法开源(暂时不用管)，创建仓库时别点初始化仓库！！
2.vscode

* 需要安装的插件
  1.要写功能结构图并在vscode上显示需要在扩展里安装Live Server;
  2.界面替换中文可以在扩展里再安装Chinese（Simplified）;
  3.Live Server 安装后在制作网页时可直接在vscode右键点击然后在网络打开页面
  4.Xmind Viewer 预览思维导图
  还有其他有意思的可以根据自己需要下载并使用

3.Xmind 制作产品结构图
  参考:https://www.woshipm.com/pd/2611357.html

4.git
下载地址:https://git-scm.com/downloads
如果下载速度慢可以去找找镜像链接或用迅雷下载

#### 关于上传仓库前的部分注意事项

创建一个文件夹,以此为主并在vscode中打开
先创建一个README.md，这是开发每个项目的介绍，就像面试时的自我介绍，需要让别人一看就懂，知道你要开发什么项目，大致的功能等等，可以自行去搜搜参考别人的开源项目如何写的，在这就不具体展开

注:以后缀名为.md的都是运用markdown语法。markdown语法简洁且易使用，入门门槛低。
详见:https://markdown.com.cn/basic-syntax/

接下来打开集成终端(在view选择terminal),要注意集成终端要打开在项目文件夹，比如:网易云/;    别打开:/网易云/经典话语/ 否则就不是把项目拉进仓库而是把这个子文件拉进去

接下来如果已安装git还是出现问题那么参考此网站步骤解决https://blog.csdn.net/weixin_43760969/article/details/105940877
如果不知道自己电脑用户名，在资源管理器打开系统盘如c盘，点击用户，里面一个公用另一个就是你的用户名

* 如果还有隐藏问题等其余问题无法使用git或有其余问题，先自行查一查，如果无法解决请先完成近日布置其余作业，并在明日请提早来校进行问题解决

#### 关于上传仓库前的具体操作

##### 1.初次运行，设置开发者信息

git config --global user.email "你的邮箱"
git config --global user.name "你的姓名"

##### 2.初始化新仓库

git init

##### 3.添加文件并暂存

git add .

##### 4.上传文件到本地仓库

git commit -m "feat: new file README.md"

双引号里添加操作信息可以使你或其他人可看懂操作，并且日后如果团队开发在gitee的issues里尤为重要，要掌握并练习，不然团队到时整个晋西北乱成一锅粥

* feat 新功能特性
* update 更新已有功能
* fix 修复问题

好了本地仓库上传到这里基本没问题就恭喜完成了一半

#### 接下来要把本地的东西上传到线上的远程仓库

##### 添加远程仓库

git remote add origin 你在gitee中的仓库地址

##### 推送到master分支

git push -u origin "master"

##### 将仓库设置为开源

##### 将链接和名字一起发送到群里，因为后续要登记，谢谢配合

##### 大家可以把今天的作业完成，将产品结构图和思路功能想好并写下来

* git常用命令大全 https://www.runoob.com/note/56524

苹果已故CEO乔布斯在当年大学时选修时选择了书法课，没想到为日后苹果的优美界面的设计和开发提供了坚实的基础。可能每位同学专业不一样，兴趣爱好不一样，但最终所学都是殊途同归的，会在未来某一天惠及到各位的身上。我祝愿各位选择了这门课并能够得到属于自己的收获。

### 第二天笔记

7.3上午课程，Module Component Router原理代码：https://gitee.com/ryanemax/web3-1234567/tree/master/tasks/demo-cytravel

【金山文档】 0703课堂记录
https://kdocs.cn/l/cslbE0GYnzOr

【金山文档】 0703课堂记录
https://kdocs.cn/l/cslbE0GYnzOr

7.3上午课程，新的angular项目，描述自己的产品结构，创建第一个模块、组件，通过路由跳转到指定页面。

https://gitee.com/ryanemax/web3-1234567/

powershell 执行angluar cli命令

PC端组件库
http://material.angular.cn/
http://ng.ant.design/docs/introduce/zh

移动端组件库
https://ionicframework.com/

https://gitee.com/ryanemax/web3-1234567/commit/b09cdc2d84a832ec78ccc715cf9e05f1b93d99c1
7.3下午课程示例项目：指令、模板、事件

### 第三天笔记

https://gitee.com/small-chapter123/web3-5220563/invite_link?invite=9ae617c5edc0ed167336afd1847bbd8c1e1c38e91da1fb5eb7993663152babc529fe4ff3b12d26d28489b742a2f7f3a6

制作第一个组件：标签滚动导航条 https://gitee.com/small-chapter123/web3-5220563/commit/ed3b438f711f5d545a72b1b1bec4b7a9ca5cfd33

第二个组件：编辑星星分数：https://gitee.com/ryanemax/web3-1234567/tree/master/demo-mobile-school/src/modules/mobile-school/comp-star-rating

https://gitee.com/ryanemax/web3-1234567/tree/master/demo-mobile-school/src/modules/mobile-school/comp-star-rating

7.4上午课程笔记：
组件传参（输入@Input 输出@Output） 生命周期 ngOnInit ngOnDestory
路由传参 Router ActivatedRoute 服务的依赖注入和使用

【金山文档】 0704第三天课堂记录
https://kdocs.cn/l/csAaGsUL7IxZ

@李世杰 @李宗哲 @黄希越
助教需要核对下每位同学的完成进度：

加分：自主实现了与课程内容不同的新组件、新管道
合格：代码库内包含之前的项目结构，并有一个新组件、新管道
继续完善：不符合以上条件的，需要记录在次日练习时补完

结果记录在学员列表的7.4位置

https://kdocs.cn/l/ctseSMkpT1Wm

### 第四天

第四天，后端与微服务笔记：
【金山文档】 0705课堂记录
https://kdocs.cn/l/ckxEV6qCJbMx

将网络请求数据，传递到组件TS中，并渲染到HTML网页
https://gitee.com/ryanemax/web3-1234567/commit/856237147c3df5232cb0a6cac6b5210abb2cb40e

Window下NPM全局安装环境目录：windows node modules 全局目录

补充讲解的知识点：
TS数据类型 / 接口
面向对象Class
模块 import/export

数组的常用方法
Object及JSON的常用方法

【金山文档】 0705课堂记录
https://kdocs.cn/l/ckxEV6qCJbMx

任务4中，有Parse第三方库的引用及使用方法

### 第五天

https://gitee.com/zhang-ru-jun/web3-5220841/invite_link?invite=93e08bd4f6b5bd548eda06e6b1b6b66c3044893881f0551be511b1509403e86ee864cb716c125a5a42ae51dd23b2bd13

7.6难点功能实现示例：【金山文档】 0706难点功能实现
https://kdocs.cn/l/cfFvCQ3SDsBw

评价指标及评分标准（百分制）
选题创意 10分：作品选题的独特性与创新性
需求策划 20分：策划方案的表达能力与逻辑性
体验美观 20分：UI效果、配图与素材的搭配
前端实现 20分：前端代码的规范性和优化程度
后端实现 20分：后端代码的规范性和优化程度
技术难度 10分：具备有一定复杂度的核心功能

【金山文档】 0706难点功能实现
https://kdocs.cn/l/cfFvCQ3SDsBw

https://gitee.com/LXYHDSerendipity/web3-5220664/invite_link?invite=93e08bd4f6b5bd549bfc281572d857e09f6dd5d79464af59e511b1509403e86ed13a70cfa5d057f1ef74a75c873fda39

### 第六天


`git submodule update --remote --recursive` 是一个 Git 子模块的命令，它用于更新子模块并且递归地更新任何嵌套的子模块。

具体来说，该命令的作用如下：

- `--remote` 参数告诉 Git 去从子模块的远程仓库拉取最新的提交，以更新子模块的引用。
- `--recursive` 参数指示 Git 递归地更新任何嵌套的子模块，如果主模块中存在嵌套的子模块。

使用该命令的步骤如下：

1. 进入主项目的根目录。
2. 运行以下命令：

```bash
git submodule update --remote --recursive
```

这将对主项目中的每个子模块执行更新操作，并从各自的远程仓库获取最新的提交。如果主项目中存在嵌套的子模块，也会对它们进行递归的更新。

请注意，`git submodule update --remote --recursive` 命令是有条件的，它只会更新当前被追踪的子模块。如果你在主项目中添加了新的子模块，或者某个子模块在远程仓库中发生了更新，你需要显式地初始化并添加这些新的或更新的子模块：

```bash
git submodule init
git submodule add <remote_repository>
```

其中，`<remote_repository>` 是新添加的子模块的远程仓库 URL。

希望这可以帮助到你更好地理解和使用 `git submodule update --remote --recursive` 命令。如果你还有其他问题，请随时提问。