web项目开发心得体会

         一、web介绍

1.什么是web？

       web指网络的缩写，通常用来指代“万维网”（World Wide Web），是一个由互联网组成的信息空间，其中包含着全球各种类型的文档和资源。它使用超文本链接和网页之间的互联，使用户能够通过浏览器访问和浏览互联网上的各种内容。Web的发展开始于20世纪90年代初，由蒂姆·伯纳斯-李创建。它已经成为人们获取信息、沟通和娱乐的重要方式，也是许多商业活动和服务的平台。Web技术包括HTML、CSS、JavaScript等，它们使网站和应用程序能够实现丰富的用户体验和功能。

2.Web应用程序的工作原理

1.浏览器地址栏输入想要访问网站首页的地址。

2.用户向浏览器发送访问首页的请求。

3.服务器收取客户端的的访问请求。

4.服务器处理请求（若首页动态文档需要经过数据处理再返回，若为静态文档直接返回该文档即可）。

5.浏览器将得到的后台数据填充到网页上，然后展示给用户去看。

  3.web应用开发涵盖的技术

 web应用开发的技术有：

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

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

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

---

二、基于springboot框架的项目

项目名称：外卖点餐小程序

1.项目分工

1. 项目经理：

   • 规划项目进度和里程碑
   • 协调团队成员，确保项目按时交付
   • 与客户沟通，了解需求和反馈

2. 前端开发人员：

   • 设计并开发点餐平台的用户界面
   • 实现网页布局、交互和视觉设计
   • 与后端开发人员协作，确保前后端的数据交互正常

3. 后端开发人员：

   • 设计和开发服务器端应用程序
   • 处理用户请求，并与数据库进行交互
   • 实现用户身份验证和订单处理等功能

4. 数据库管理员：

   • 设计和维护数据库结构
   • 确保数据的安全性和一致性
   • 优化数据库性能和查询效率

5. 测试人员：

   • 编写测试计划和测试用例
   • 执行功能和性能测试
   • 发现并报告潜在的问题和缺陷

6. UI/UX设计师：

   • 设计用户界面和用户体验
   • 进行用户研究和用户测试
   • 与前端开发人员协作，确保用户界面的可用性和吸引力

7. 项目文档编写人员：

   • 撰写需求文档，明确项目目标和功能
   • 编写设计文档，描述系统架构和技术实现
   • 编写用户手册，帮助用户使用点餐平台

2.项目流程图

3.部分代码展示

3.1 搭建项目框架

3.1.1 程序结构图

1. 前端微信小程序项目结构如图4-1所示：

 

图3-1 前端微信小程序项目结构图

1. 后端项目结构如图4-2所示：

 

图3-2 后端项目结构图

3.1.2 程序结构说明

1. 前端微信小程序结构说明

前端项目是由微信开发者工具进行开发构建。前端小程序项目目录中pages用来存放小程序页面，app.js文件为小程序的全局逻辑，app.json文件为小程序公共配置，用来对小程序进行全局配置。app.wxss文件为设置全局样式。

1. 后端结构说明

后端项目使用了springboot-mybatis框架，后端项目目录中node_modules用来存放项目依赖，src目录为项目开发目录。

3.2 首页模块实现

3.2.1 功能实现分析

用户通过打开外卖点餐系统小程序时，查看到外卖点餐小程序的首页界面，在首页界面中可清晰浏览到各种商品信息，如商品名称、商品价格和商品销售数量，当用户想要购买商品，则直接点击该商品图片即可购买。若用户未登录外卖点餐小程序则会跳转到登录页面提示登录，登录成功后则看查看商品详细信息并且进行购买操作。

3.2.2 编码实现

1. 首页推荐商品实现

3.2.3 运行结果

小程序首页模块。如图4-3所示。

图3-3 小程序首页展示图

3.3 购物车模块实现

3.3.1 功能实现分析

用户在外卖点餐小程序登录页面进行登录后，可以在外卖点餐小程序首页选择所需的推荐商品和热卖商品加入购物车，进行付款。用户可以在外卖点餐小程序的分类页面根据个人所需要的具体餐品选择合适的餐品进行添加购物车操作。在购物车页面中，用户若选中了不需要的餐品，可以对餐品的数量进行调整，删除该餐品。

3.3.2 编码实现

1. 购物车管理

1. 加入购物车：

1. 删除购物车：

3.3.3 运行结果

1. 加入购物车功能。如图4-4所示。

图3-4 添加购物车结果图

1. 删除购物车功能。如图4-5所示。

图3-5 删除购物车结果图

三、心得体会

作为一个Web项目应用开发者，我有几点心得体会。首先，团队合作非常重要。一个成功的Web项目需要由不同角色的人员共同努力。每个成员应该清楚自己的职责，并且团队合作和沟通是确保项目顺利进行的关键。

其次，需求分析是至关重要的。在开始开发之前，我们需要仔细分析客户需求，确保我们理解他们的期望和要求。这有助于我们在开发过程中避免出现不必要的错误和修改。

另外，持续学习和更新技术知识也是非常重要的。Web开发的技术在不断发展和改变，我们需要跟上最新的趋势和技术，以便为项目提供最佳的解决方案。

最后，测试和调试也是不可或缺的。我们应该在项目开发的早期就考虑到测试和调试，以确保我们的代码没有bug并且符合预期。这有助于提高项目的质量和用户体验。

总结起来，作为一个Web项目应用开发者，团队合作、需求分析、持续学习和测试调试是我认为非常重要的几点体会。这些经验可以帮助我们在开发过程中更好地应对挑战，从而实现成功的项目交付。