- 课程目标1)使用Nginx配置后台服务器2)后台管理-讲师CRUD【重点】3)集成阿里云OSS【重点】4)前端上传组件整合1、 前台项目的基础配置1. 项目的创建和基本配置1.1. 创建项目将vue-admin-template-master重命名为yxzx-admin1.2. 修改项目信息package.json { "name": "yxzx-admin", ...... "descri... 课程目标1)使用Nginx配置后台服务器2)后台管理-讲师CRUD【重点】3)集成阿里云OSS【重点】4)前端上传组件整合1、 前台项目的基础配置1. 项目的创建和基本配置1.1. 创建项目将vue-admin-template-master重命名为yxzx-admin1.2. 修改项目信息package.json { "name": "yxzx-admin", ...... "descri...
- ## 技术栈Appgallery connect## 开发准备上一节我们实现了地址管理页面的数据查询和展示,接下来我们要实现的功能是地址添加相关的,我们想实现的功能是地图选点,那么在地图选点之前我们要做的就是先获取用户当前的定位。获取定位后我们拿到经纬度和其他信息,然后在对应的地图上展示。## 功能分析要想实现定位功能,首先我们需要给应用申请定位权限,然后我们每次进入页面之前需要先进行定位功... ## 技术栈Appgallery connect## 开发准备上一节我们实现了地址管理页面的数据查询和展示,接下来我们要实现的功能是地址添加相关的,我们想实现的功能是地图选点,那么在地图选点之前我们要做的就是先获取用户当前的定位。获取定位后我们拿到经纬度和其他信息,然后在对应的地图上展示。## 功能分析要想实现定位功能,首先我们需要给应用申请定位权限,然后我们每次进入页面之前需要先进行定位功...
- Easy MockEasy Mock是一个可视化,并且能快速生成模拟数据的服务。以项目管理的方式组织Mock List,能帮助我们更好的管理Mock数据,不怕丢失。8.1 解决的问题开发时,后端还没完成数据输出,前端只好写静态模拟数据。8.2 常见的Mock方式• 将Mock数据直接写在代码里• 利用JS拦截请求• 利用Charles、Fiddler等代理工具拦截请求• Mock平台。如Ea... Easy MockEasy Mock是一个可视化,并且能快速生成模拟数据的服务。以项目管理的方式组织Mock List,能帮助我们更好的管理Mock数据,不怕丢失。8.1 解决的问题开发时,后端还没完成数据输出,前端只好写静态模拟数据。8.2 常见的Mock方式• 将Mock数据直接写在代码里• 利用JS拦截请求• 利用Charles、Fiddler等代理工具拦截请求• Mock平台。如Ea...
- Vue-路由Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)6.1 Vue-路由入门6.1.1 创建vuetest项目在项目下创建src文件夹,复制两个vue.min.jsvue-router.min.js6.1.2 创建 router.html在页面中引入两个... Vue-路由Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)6.1 Vue-路由入门6.1.1 创建vuetest项目在项目下创建src文件夹,复制两个vue.min.jsvue-router.min.js6.1.2 创建 router.html在页面中引入两个...
- Webpack介绍Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。 5.1 Webpack入门先创建webpack项目5.1.1 全局安装npm install -g webpack webpa... Webpack介绍Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。 5.1 Webpack入门先创建webpack项目5.1.1 全局安装npm install -g webpack webpa...
- Babel转码器 Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行执行。这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。1 安装先在工作区中创建babeltest项目进入终端1.1 安装命令行转码工具Babel提供babel-cli工具,用于命令行转码。它的安装命令如下: npm install --global babel-cli... Babel转码器 Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行执行。这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。1 安装先在工作区中创建babeltest项目进入终端1.1 安装命令行转码工具Babel提供babel-cli工具,用于命令行转码。它的安装命令如下: npm install --global babel-cli...
- Pinia 中修改数据的三种方式在开发 Vue 应用时,我们经常需要管理应用的状态,并在用户交互时更新这些状态。例如,你可能需要实现一个计数器功能,用户点击按钮时增加或减少计数;或者在一个购物车应用中,用户添加商品时更新购物车的数量和总价。这些场景都涉及到状态的修改。那么,如何在 Pinia 中修改状态呢?Pinia 提供了多种方式来修改 state,每种方式都有其适用场景和特点。接下来,我... Pinia 中修改数据的三种方式在开发 Vue 应用时,我们经常需要管理应用的状态,并在用户交互时更新这些状态。例如,你可能需要实现一个计数器功能,用户点击按钮时增加或减少计数;或者在一个购物车应用中,用户添加商品时更新购物车的数量和总价。这些场景都涉及到状态的修改。那么,如何在 Pinia 中修改状态呢?Pinia 提供了多种方式来修改 state,每种方式都有其适用场景和特点。接下来,我...
- 为什么需要 Pinia?如何在 Vue 3 中使用 Pinia?在 Vue.js 开发中,状态管理是一个常见的需求。随着应用的复杂度增加,组件之间的数据共享变得越来越复杂。那么,如何高效地管理这些共享状态呢?一、问题引入假设你正在开发一个复杂的 Vue 3 应用,包含以下功能:用户登录:用户登录后,需要存储用户信息(如用户名和头像)。抽奖页面:用户进入抽奖页面时,需要展示用户的信息。组件间通... 为什么需要 Pinia?如何在 Vue 3 中使用 Pinia?在 Vue.js 开发中,状态管理是一个常见的需求。随着应用的复杂度增加,组件之间的数据共享变得越来越复杂。那么,如何高效地管理这些共享状态呢?一、问题引入假设你正在开发一个复杂的 Vue 3 应用,包含以下功能:用户登录:用户登录后,需要存储用户信息(如用户名和头像)。抽奖页面:用户进入抽奖页面时,需要展示用户的信息。组件间通...
- Nest.js凭借模块化设计与TypeScript支持,为构建稳定可扩展的服务端应用打下基础。本文探讨其错误处理机制的设计与实践,涵盖内置异常类、自定义过滤器及全局异常统一处理方案,帮助开发者提升API健壮性与用户体验。 Nest.js凭借模块化设计与TypeScript支持,为构建稳定可扩展的服务端应用打下基础。本文探讨其错误处理机制的设计与实践,涵盖内置异常类、自定义过滤器及全局异常统一处理方案,帮助开发者提升API健壮性与用户体验。
- 前端环境搭建课程目标1)Node.js介绍2)NPM包管理& Babel转码器介绍3)前端模块化管理4)Webpack资源打包工具5)Vue.js-路由【重点】6)前端环境搭建【重点】1、 Node.js介绍1.1 什么是Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引... 前端环境搭建课程目标1)Node.js介绍2)NPM包管理& Babel转码器介绍3)前端模块化管理4)Webpack资源打包工具5)Vue.js-路由【重点】6)前端环境搭建【重点】1、 Node.js介绍1.1 什么是Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引...
- 软件开发中,选择合适的编程框架对于构建高性能、可扩展的Web应用程序至关重要。本文将对Spring Boot、Django、Node.js和ASP.NET这四个流行的企业级Web框架的性能进行比较。我们将通过构建一个简单的待办事项(Todo)应用程序来测试这些框架的响应时间和吞吐量。 测试环境CPU: Intel Core i7-10700K内存: 32GB DDR4存储: NVMe SSD... 软件开发中,选择合适的编程框架对于构建高性能、可扩展的Web应用程序至关重要。本文将对Spring Boot、Django、Node.js和ASP.NET这四个流行的企业级Web框架的性能进行比较。我们将通过构建一个简单的待办事项(Todo)应用程序来测试这些框架的响应时间和吞吐量。 测试环境CPU: Intel Core i7-10700K内存: 32GB DDR4存储: NVMe SSD...
- 主要讲述如何从高德地图中查找我们需要的AOI边界数据,同时讲解如何将采集回来的AOI数据如何在Leaflet地图中展示,其次讲述如何使用JavaScript在前端进行高德数据到WGS84坐标的转换,最后综合展示纠偏前和纠偏后的数据。 主要讲述如何从高德地图中查找我们需要的AOI边界数据,同时讲解如何将采集回来的AOI数据如何在Leaflet地图中展示,其次讲述如何使用JavaScript在前端进行高德数据到WGS84坐标的转换,最后综合展示纠偏前和纠偏后的数据。
- 猫步简历是一款免费开源的AI简历生成与制作神器,旨在帮助求职者轻松创建独特、优美且专业的简历。 猫步简历是一款免费开源的AI简历生成与制作神器,旨在帮助求职者轻松创建独特、优美且专业的简历。
- 本文主要以直线箭头的绘制重点讲解在Leaflet中对上述对象的封装,相关类的功能介绍等,首先介绍一个基于Leaflet的标绘基础库,其次介绍这个库的基本结构,相关类属性和方法的定义,然后基于时序图来介绍相关API的调用,最后生成一个直线箭头的实例。 本文主要以直线箭头的绘制重点讲解在Leaflet中对上述对象的封装,相关类的功能介绍等,首先介绍一个基于Leaflet的标绘基础库,其次介绍这个库的基本结构,相关类属性和方法的定义,然后基于时序图来介绍相关API的调用,最后生成一个直线箭头的实例。
- 一、引言在Axios的架构体系中,默认配置模块(defaults)犹如整个库的神经中枢。它承载着请求适配器选择、数据转换规则、安全策略等核心机制,直接影响着数十万开发者每天发起的数百万次请求。本文将通过逐行源码解析,带领读者深入理解Axios如何通过精巧的默认配置实现跨平台兼容、数据智能转换等高级特性。二、默认配置核心:index.js源码全景解析2.1 适配器配置体系adapter: ['... 一、引言在Axios的架构体系中,默认配置模块(defaults)犹如整个库的神经中枢。它承载着请求适配器选择、数据转换规则、安全策略等核心机制,直接影响着数十万开发者每天发起的数百万次请求。本文将通过逐行源码解析,带领读者深入理解Axios如何通过精巧的默认配置实现跨平台兼容、数据智能转换等高级特性。二、默认配置核心:index.js源码全景解析2.1 适配器配置体系adapter: ['...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新,构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间,华为云展示了Serverless与MCP融合创新的解决方案,本期访谈直播,由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持,华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中,探讨处理器生态的关键要素及其联系,分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源,3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源,3步轻松管理成本,帮助提升日常管理效率!
回顾中
热门标签