1. 域名基础知识

• 一级域名（顶级域名，TLD）：例如，example.com中的.com是顶级域名。

• 二级域名：例如，example.com中的example是二级域名。

• 三级域名：例如，blog.example.com中的blog是三级域名。

2. 域名联动关系

2.1 域名解析

• DNS解析：域名解析将域名转换为IP地址。一级域名和二级域名都需要在DNS服务器中进行设置。
• 一级域名解析：通常解析到网站的主服务器IP地址。
• 二级域名解析：可以解析到同一服务器的不同目录或子服务器。
域名解析推荐clouldflare



 

2.2 网站结构

• 主站和子站：一级域名通常用作网站的主站，二级域名用于特定功能或子站。
• 主站：例如，example.com作为公司的主页。
• 子站：例如，blog.example.com作为公司的博客，shop.example.com作为公司的在线商店。
父子关系主域名是导航，子域名负责具体业务

3. 开发和发布过程

3.1 开发环境

• 本地开发：在本地开发环境中，使用虚拟主机配置来模拟一级域名和二级域名。
• 虚拟主机配置：通过修改本地主机文件（例如hosts文件）和本地服务器配置（例如Apache或Nginx）来测试不同域名。

• 版本控制：使用Git等版本控制系统管理代码，确保不同团队成员协作开发。

3.2 部署过程

• 服务器配置：在部署时，配置服务器来处理一级域名和二级域名的请求。
• Web服务器：配置Apache、Nginx等Web服务器，设置虚拟主机或服务器块。
• 应用服务器：部署应用服务器（例如Node.js、Django）以处理不同域名的请求。

• 持续集成和部署（CI/CD）：使用CI/CD工具（例如Jenkins、GitHub Actions）自动化部署过程。

4. 网页界面的结构

4.1 网站设计

• 一致性：确保一级域名和二级域名的网站设计和用户体验一致。
• 统一的导航和页脚：在所有页面上使用一致的导航和页脚。
• 共享样式和组件：使用共享的CSS和JavaScript文件，确保视觉和交互的一致性。
• 好看的页面效果基本都是CSS实现的
 

4.2 网站内容

• 内容组织：合理组织内容，使用户能够轻松导航和查找信息。
• 主站内容：展示公司的核心信息和服务。
• 子站内容：专注于特定主题或功能，例如博客、产品、客户支持等。

• 信息检索完成去到相应页面

5. 程序关联

5.1 后端逻辑

• 路由和控制器：配置不同域名的路由和控制器，处理不同的业务逻辑。
• 主站路由：例如，example.com的路由处理主页和主要页面。
• 子站路由：例如，blog.example.com的路由处理博客文章和分类页面。

• 共享数据和服务：在后端共享数据和服务，避免重复开发。
• 数据库：使用同一数据库实例，不同的表或集合来存储不同域名的数据。
• API：开发公共API服务，不同域名通过API访问共享数据。

5.2 前端逻辑

• 组件化开发：使用前端框架（例如React、Vue）进行组件化开发，共享组件和模块。
• 组件库：创建和维护组件库，确保一致性和复用性。

• 客户端路由：在前端框架中配置客户端路由，处理不同路径和页面的导航。
• 主站客户端路由：例如，example.com的客户端路由处理主页和主要页面。
• 子站客户端路由：例如，blog.example.com的客户端路由处理博客文章和分类页面。

结论