苍穹外卖前端笔记

最新推荐文章于 2025-06-10 11:36:58 发布
最新推荐文章于 2025-06-10 11:36:58 发布
阅读量232 收藏
点赞数 2
文章标签： 前端 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_75265256/article/details/145240823
版权
m0_75265256
关注
苍穹外卖学习笔记
立志成为架构师
08-02 1万+
是专门为餐饮企业单独定制的一款外卖软件，包括系统管理后台和移动应用端两部分。管理后台主要提供给餐饮企业内部员工使用，可以对餐厅的菜品、订单、套餐进行维护管理。移动端应用主要提供给消费者使用，可以在线浏览菜品，添加购物车，下单等
苍穹外卖笔记----2024.07.31
qq_65578092的博客
08-01 1111
需求分析：说明书，产品原型设计：UI设计，数据库设计，接口设计编码：项目代码，单元测试测试：测试用例，测试报告上线运维：软件环境安装，配置前后端分离，Nginx负责前端(如登录页面)，idea的Tomcat服务器启动负责后端(如是否能登录成功)主要注重后端开发，前端代码已打包，通过nginx运行起来即可完成搭建。
手把手带你跑起来 苍穹外卖前端项目
weixin_46239476的博客
01-08 2289
最后得到vue版本随后进入到项目文件夹，使用命令安装即可第一次写优快云教程 不是很详细请多见谅我感觉项目跑不起来的主要问题是版本控制，所以在博客里面主要列举了我所下载的工具版本如果遇到其他问题欢迎评论区列出来 一起讨论。
《苍穹外卖》前端课程知识点记录
ltt159264的博客
05-04 2182
vue属于单页面应用，所谓的路由，就是根据浏览器。
苍穹外卖项目学习笔记
PPB1806960693的博客
12-04 1131
在双击运行nginx.exe时没有反应，在该文件见下执行cmd命令： nginx -t 发现0.0.0.0：80端口被占用，查询占用端口号进程的pid。网上搜索解决办法说是SQL server reporting service 服务导致的，但是在我关闭该服务后仍然还是被占用，无奈更改nginx的端口。更改nginx端口需要更改nginx.conf文件，于是先备份一份，以免出错。运行nginx.exe，登录http:127.0.0.1:81。打开文件，找到server模块，更改端口号为81。
黑马苍穹外卖项目笔记01_项目概述、环境搭建
m0_71484388的博客
10-26 1618
需求分析→设计→编码→测试→上线运维项目经理：对整个项目负责，任务分配、把控进度产品经理：进行需求调研，输出需求调研文档、产品原型等UI设计师：根据产品原型输出界面效果图架构师：项目整体架构设计、技术选型等开发工程师：代码实现测试工程师：编写测试用例，输出测试报告运维工程师：软件环境搭建、项目上线开发环境(development)：开发人员在开发阶段使用的环境，一般外部用户无法访问测试环境(testing)：专门给测试人员使用的环境，用于测试项目，一般外部用户无法访问生产环境(production)：即线上
苍穹外卖 前台笔记Day01
weixin_45495161的博客
04-06 1156
浏览器中访问不同的网址对应不同的页面，这就是所谓的路由的概念Vuex是一个专门为Vue.js应用程序开发的状态管理库Vuex是用于多个组件之间实现数据共享，同时共享的数据是响应式的，数据的变更可以及时的渲染到模板Vuex采用集中式存储管理所有组件的状态安装vuex的命令。
苍穹外卖笔记（上）
m0_74062309的博客
09-20 1552
记录后端开发项目的笔记
苍穹外卖项目笔记（1）
wohuishidalao的博客
11-14 1238
苍穹外卖项目笔记（附代码），记录一下学习过程，持续更新中
苍穹外卖历时一个月终于写完啦！！！请白嫖我的笔记和完整代码吧！
02-21
【苍穹外卖】项目是一个基于JavaWeb技术的在线订餐系统，该项目的开发历经一个月的时间，作者分享了完整的源码和详细的笔记，旨在为学习者提供一个实践平台，加深对JavaWeb开发的理解。以下是该项目涉及的主要知识点...
苍穹外卖阿里云oss存储笔记
08-23
在"苍穹外卖阿里云oss存储笔记"中，我们可以深入探讨关于阿里云OSS的使用和管理。 1. **对象存储概念**：对象存储是一种基于网络的数据存储方式，不同于传统的文件系统或块存储，它以对象为基本单位进行数据管理。...
苍穹外卖个人笔记（Java、Redis、SpringBoot、MySQL）
06-07
### 苍穹外卖个人笔记（Java、Redis、SpringBoot、MySQL） #### 1. 开发流程及环境配置 ##### 1.1 软件整体开发流程 软件开发流程是软件工程的重要组成部分，通常包括以下几个阶段： - **需求分析**：明确用户的...
苍穹外卖笔记1-项目介绍和环境搭建，借助小乌龟创建gitee仓库，apifox代替YApi，Swagger
m0_73678713的博客
06-05 1416
需求分析->设计->编码->测试->上线运维1 需求分析完成需求规格说明书、产品原型编写。需求规格说明书， 一般来说就是使用 Word 文档来描述当前项目的各个组成部分，如：系统定义、应用环境、功能规格、性能需求等，都会在文档中描述。产品原型，一般是通过网页(html)的形式展示当前的页面展示什么样的数据, 页面的布局是什么样子的，点击某个菜单，打开什么页面，点击某个按钮，出现什么效果，都可以通过产品原型看到。2 设计设计的内容包含 UI设计、数据库设计、接口设计。
阿里云服务器安装nginx并配置前端资源路径（前后端部署到一台服务器并成功访问）
2301_79201170的博客
06-05 1020
​​​运行以下命令，。运行wget命令。您可以通过Nginx开源社区直接获取对应版本的安装包URL，然后通过wget URL的方式将Nginx安装包下载至ECS实例。例如，Nginx 1.21.6的下载命令如下：运行以下命令，，然后。make​./nginx​没有报错信息则代表nginx启动成功！启动防火墙服务放行80端口重加载防火墙使修改生效查看状态重启停止kill -9 端口号。
2025年阿里最新软件测试面试题：Web 测试+接口测试+App 测试
2401_83387413的博客
06-05 809
上面就是我为大家整理出来的一份软件测试工程师发展方向知识架构体系图。希望大家能照着这个体系在1-2年内完成这样一个体系的构建。可以说，这个过程会让你痛不欲生，但只要你熬过去了。以后的生活就轻松很多。正所谓万事开头难，只要迈出了第一步，你就已经成功了一半，古人说的好“不积跬步，无以至千里。”等到完成之后再回顾这一段路程的时候，你肯定会感慨良多。
45、web实验-抽取公共页面
weixin_54449574的博客
06-06 535
在其他需要使用公共片段的页面中，通过`th:insert`、`th:replace`或`th:include`属性引入公共片段。- **`th:include`**：将公共片段的内容插入到指定标签内部，但不保留公共片段的根标签。- **`th:insert`**：将公共片段的内容插入到指定标签内部，保留原标签。- **`th:replace`**：用公共片段的内容替换指定标签及其内容。-- 引入公共的侧边栏代码 -->-- 引入公共的头部代码 -->-- 引入公共的底部代码 -->
前端node项目——gif实时生成倒计时（30s内）
编程知识分享，主打前端
06-06 230
node实现api返回gif实时倒计时
matlab模型死机
mirandali的专栏
06-06 211
block被模型调用的时候会刷一遍这个模型的mask，好像是不定时刷，然后如果刷到你的死循环mask回调就挂了。而且2022版本还自己出不来。至于为什么前两天重新配了编译器又可以了，然后又不行，应该是重新配置编译器后，刷新的程序会中断，所以表象是重新配置编译器OK了。2020和2025应该是内部有机制让这种超时自己出来，但是2022没有，也没有任何报错，就是死机，好无语。有的时候前端是不死的，但是编译必死，现象就是点击运行按钮，然后。一般都是mask的回调函数里面有死循环。死在“编译：更新库链接模块”
AWS WebRTC 使用SDK-C demo 实现master推流和viewer拉流
最新发布
0.85度的博客
06-10 120
AWS WebRTC 使用SDK-C demo 实现master推流和viewer拉流
苍穹外卖前端
03-09
### 苍穹外卖前端开发技术栈及框架使用教程 #### Vue.js 的优势及其在苍穹外卖中的应用 Vue.js 是一种渐进式 JavaScript 框架，适用于构建用户界面。其核心库专注于视图层，并且非常容易学习和集成到现有项目中。对于苍穹外卖这样的复杂应用来说，Vue.js 提供了组件化的开发模式，使得开发者可以更高效地管理代码结构并提高可维护性[^1]。 ```javascript // 创建一个简单的 Vue 实例 new Vue({ el: '#app', data() { return { message: '欢迎来到苍穹外卖!' } }, }); ``` #### Element UI 组件库助力快速搭建美观界面 为了进一步简化开发流程并确保一致性的设计风格，苍穹外卖选择了 Element UI 这一基于 Vue.js 构建的强大组件库。通过利用预定义好的按钮、表格等常用控件，团队能够在短时间内实现高质量的设计效果，同时减少重复劳动的时间成本。 ```html <!-- 使用 Element UI 表格展示订单列表 --> <el-table :data="orderList"> <el-table-column prop="id" label="ID"></el-table-column> <el-table-column prop="name" label="商品名称"></el-table-column> </el-table> <script> export default { name: 'OrderTable', props: ['orderList'] } </script> ``` #### 微信小程序扩展业务覆盖范围 除了传统的 Web 应用外，苍穹外卖还特别针对中国市场的特点推出了微信小程序版本。这不仅让用户可以直接从小程序入口进入平台享受服务，而且也降低了新用户的获取门槛——他们不需要额外安装任何应用程序就能立即体验完整的购物流程。 ```json { "pages": [ "pages/index/index", "pages/orderDetail/orderDetail" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "苍穹外卖", "navigationBarTextStyle": "black" } } ``` #### 数据可视化增强决策支持能力 最后，在后台管理系统部分引入 Apache ECharts 来处理各种统计数据的呈现工作。ECharts 支持丰富的图表类型以及高度定制化的配置选项，可以帮助运营人员更好地理解销售趋势和其他重要指标变化情况，从而做出更加明智的战略调整。 ```javascript var myChart = echarts.init(document.getElementById('main')); option = { title: { text: '每日销售额' }, tooltip: {}, xAxis: { data: ["周一","周二","周三","周四","周五"]}, yAxis: {}, series: [{ type: 'bar', data: [5, 20, 36, 10, 10] }] }; myChart.setOption(option); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值