Web应用开发心得体会

辞小辞

已于 2023-12-04 11:34:55 修改

阅读量491

点赞数 6

文章标签：数据库后端前端

于 2023-12-04 11:20:36 首次发布

本文链接：https://blog.csdn.net/qq_39629852/article/details/134779050

版权

前言

一个完整项目的开发它所要经历的阶段包括：远景范围规划和用例说明、项目结构和风险评估、业务功能说明书、详细设计说明书、代码实现、测试和安装包等等。一个项目的开发所需要的财力、人力都是很多的，如果没有一个好的远景规划，对以后的开发进度会有很大的影响，甚至会出现在预定时间内不能完成项目或者完成的项目跟原来预想的不一样。一份好的项目结构、业务功能和详细设计说明书对一个项目的开发有明确的指引作用，它可以使开发人员对这个项目所要实现的功能在总体上有比较明确的认识，还能减少在开发过程中出现不必要的麻烦。代码的实现是一个项目开发成功与否的关键，也就是说，前期作业都是为代码的实现所做的准备。

一、Web程序的开发我认为大约分4个层次

1.表现层:

此层的主要作用是:向用户展示信息,并且得到用户输入数据和向用户展示处理后的反馈.

2.控制层:

此层的主要作用是:为了让开发人员和维护人员方便控制Web页面的流向,一目了然的对其走向进行控制.同时此层也可以进行一些简单的预处理,使业务逻辑避开本不该它们触碰的外部检测.此层的大部分任务是程序走向的控制,小部分任务是一般预处理和检测功能.

3.业务逻辑层:

此层的主要作用是:进行用户所要关心的业务逻辑,进行整个程序的核心业务处理,此层一般会使用从表现层传入的数据并调用数据存储层的接口来进行相应的查询和更新删除保存功能.并将最终处理结果反馈给控制层,由控制层根据处理结果去寻找表现给用户的路径.

4.数据存储层:

此层的主要作用是:进行数据的查询和持久化过程.

二、web应用开发历史

1.web应用开发了经历了三个阶段

（1）web1.0时代：这个时候处于互联网早期阶段，此时主要以静态网页形式存在。

（2）web2.0时代：这个时候主要以动态网页形式存在。

（3）web3.0时代：这个是互联网的未来，也就是“去中心化互联网”。

2.web应用开发涵盖的技术
Web应用开发的技术有：

（1）Servlet技术。Servlet技术为web应用开发提供了基础支持，也是Java Web开发的核心技术。

（2）Ruby on Rails技术。Ruby on Rails技术是约定优于配置的Web开发框架，极大地简化了Web应用开发，使得小型项目能够更好的开发。

（3）Node.js技术。Node.技术使得开发者可以使用JavaScript在服务器端进行开发，进一步推动了Web应用开发的发展。

3.web应用开发历史的总结

随着世界的不断发展，web应用开发也紧跟时代不断发展和进步，借着不断出现的工具和自我更新，相信web应用开发能够更好适应于时代。

三、Web应用程序分为两种，即静态网站和动态网站

1.静态网站

使用HTML来编写，放在Web服务器上，用户使用浏览器通过HTTP协议请求服务器上的Web页面，服务器上的Web服务器将接收到的用户请求处理后，再发送给客户端浏览器，显示给用户。

2.动态网站

可以根据用户的请求动态生成页面信息。通常使用HTML和动态脚本语言（如JSP、ASP、PHP等）编写，再将编写后的程序部署到Web服务器上，由Web服务器对动态脚本代码进行处理，并转化为浏览器可以解析的HTML代码，返回给客户端浏览器，显示给用户。

四、搭建Web应用开发环境：

搭建Web应用开发环境需要以下几个步骤：

1. 安装一个文本编辑器：选择一个适合你的需求的文本编辑器，比如Visual Studio Code、Sublime Text、Atom等。这些编辑器都提供了丰富的功能和插件支持，方便你进行代码编辑和开发。

2. 安装Web服务器软件：Web服务器软件用于本地运行和测试你的Web应用。常见的Web服务器软件有Apache、Nginx等。你可以根据自己的需求选择一个合适的Web服务器软件，并按照其官方文档进行安装和配置。

3. 安装开发语言和框架：根据你选择的开发语言和框架，安装相应的开发环境。例如，如果你选择使用PHP语言进行开发，你需要安装PHP解释器和相应的开发框架，如Laravel、CodeIgniter等。

4. 安装数据库：如果你的Web应用需要使用数据库，你需要安装适合你选择的数据库软件，如MySQL、PostgreSQL等。安装完成后，你还需要创建数据库和相应的表结构。

5. 配置开发环境：根据你的开发需求，进行相应的配置。这包括配置文本编辑器的插件和主题、配置Web服务器的虚拟主机、配置开发语言和框架的环境变量等。

6. 创建一个新项目：在搭建好开发环境后，你可以创建一个新的Web应用项目。这包括创建项目文件夹、设置入口文件、编写代码等。

以上是搭建Web应用开发环境的基本步骤。根据你的具体需求和选择的技术栈，可能还需要进行其他的配置和安装。在搭建环境的过程中，你可以参考官方文档和在线教程，以及向技术社区寻求帮助和解答问题。

六、掌握Web应用开发基本语法：

Web应用开发涉及多种语言和技术，包括HTML、CSS、JavaScript和后端开发语言（如PHP、Python等）。下面是这些语言的基本语法概述：

1. HTML（超文本标记语言）：HTML用于描述网页的结构和内容。它由一系列标签组成，每个标签用尖括号括起来，如`<html>`、`<head>`、`<body>`等。标签可以包含属性，属性提供关于标签的额外信息，如`<img src="image.jpg" alt="Image">`中的`src`和`alt`属性。HTML还可以用于创建表单、链接、列表等元素。

2. CSS（层叠样式表）：CSS用于控制网页的样式和布局。它通过选择器和属性来选择和描述HTML元素。例如，`body { background-color: #f1f1f1; }`中的`body`选择器选择了所有的`<body>`元素，并将其背景颜色设置为灰色。CSS可以用于控制字体、颜色、大小、间距、边框等。

3. JavaScript：JavaScript是一种用于增强网页交互性的脚本语言。它可以在网页上进行动态操作和响应用户的交互。JavaScript可以用于处理表单验证、创建动态效果、处理事件、进行数据交互等。它使用函数、变量、条件语句、循环等基本语法元素。

4. 后端开发语言：后端开发语言用于处理Web应用的业务逻辑和数据操作。这些语言可以与数据库进行交互，处理用户请求，生成动态内容等。不同的后端语言有不同的语法和特性，但都需要掌握基本的编程概念，如变量、函数、条件语句、循环等。

除了以上语言，还有许多其他的技术和框架，如前端框架（如React、Vue.js）、后端框架（如Express、Django）、数据库查询语言（如SQL）等。掌握这些基本语法和概念，并在实践中不断积累经验，可以帮助你进行Web应用开发。

七、掌握条件语句：

Web条件语句是用于根据不同的条件执行不同的操作或显示不同的内容的语句。在Web开发中，常用的条件语句包括if语句和switch语句。

1. if语句：
if语句用于在满足指定条件时执行某些操作。它的基本语法结构如下：

if (条件) {
// 如果条件为真，执行这里的代码
} else {
// 如果条件为假，执行这里的代码
}
2. switch语句：

switch语句用于根据不同的情况执行不同的操作。它的基本语法结构如下：

switch (表达式) {
case 值1:
// 如果表达式的值等于值1，执行这里的代码
break;
case 值2:
// 如果表达式的值等于值2，执行这里的代码
break;
default:
// 如果表达式的值与之前的值都不匹配，执行这里的代码
break;
}

以上是两种常用的Web条件语句，它们可以根据不同的条件执行不同的操作，帮助开发者实现更灵活和交互性的Web应用。

掌握循环语句：
Web循环语句用于重复执行某段代码，常用的循环语句有for循环和while循环。

1. for循环：

for循环在已知循环次数的情况下使用，它的基本语法结构如下：

for (初始化; 条件; 更新) {
// 循环执行的代码
}
2. while循环：

while循环在未知循环次数或条件不确定的情况下使用，它的基本语法结构如下：

while (条件) {
// 循环执行的代码
// 更新条件的语句
}

3. do...while循环：

do...while循环与while循环类似，但它先执行代码块，然后再检查条件。它的基本语法结构如下：
do {
// 循环执行的代码
// 更新条件的语句
} while (条件);
以上是常用的Web循环语句，它们可以根据不同的条件重复执行代码块，帮助开发者处理循环逻辑和迭代操作，实现更强大和高效的Web应用。

八、项目分工及岗位职责对于项目的顺利实施至关重要。通过合理的项目分工，可以提高工作效率、确保任务的专业化、明确责任、促进团队协作。分工如下：