首页 > 其他分享 >初识系统框架

初识系统框架

时间:2024-05-29 11:59:54浏览次数:22  
标签:src vue 框架 global 系统 js 初识 路由 页面

一、学到了

1.搭建vue框架:详见http://t.csdnimg.cn/og0Tl
2.启动vue
  • cmd输入npm run dev

  • idea中直接配置

3.引用element的框架(npm i element-ui -S)

4.Vue项目工程的介绍
  • public:放静态文件的地方,(html、静态图标等)
  • src:项目的源码目录
  • src.assets:可以放一些logo、图片、自定义样式...
  • src.components:vue组件(一些页面)
  • src.router:定义路由,每个路由对应一个页面
  • src.views:视图文件 
  • App.vue:所有页面的入口(在这里对应进入布局)
  • main.js:所有配置的入口,可以导入项目所需要的包,然后组合在一起
  • vue.config.js:vue项目里的一些配置,可以配置端口、跨域...
  • global.css:清除自带的默认样式
5.container:布局容器;快速搭建页面的基本结构(垂直上下排<el-header>,水平左右排<el-footer>)

  注:引用element开展学习

  • <el-container>
  • header:顶部容器
  • aside:侧边框
  • main:主要区域
  • footer:底栏
6.引入路由:页面变化的时候URL变化

在跳转的页面的代码中设置路由名称,在index.js中设置path变量

二、错误及纠正
1.错误:引用global.css路劲错误,多打了一个src

纠正:(@/assets/global.css)

2.错误:多了一个布局容器

纠正:删除多的容器格式

标签:src,vue,框架,global,系统,js,初识,路由,页面
From: https://blog.csdn.net/2301_81525839/article/details/139248051

相关文章

  • 嵌入式硬件、软件最小设计系统都包含哪些部分
    嵌入式硬件最小设计系统的组成部分嵌入式硬件最小设计系统通常包括以下几个基本部分:嵌入式微处理器:作为系统的核心,负责执行指令和控制其他硬件部件。存储器:包括SDRAM、ROM、Flash等,用于存储操作系统、应用程序和数据。电源电路:为系统提供稳定的电力供应。时钟电路:提供系统运......
  • 嵌入式软件监控系统最小功能都包含哪些?
    嵌入式软件监控系统的最小功能嵌入式软件监控系统是一种专门为监控任务设计的计算机系统,它通常包含以下基本功能:数据采集:系统能够通过各种传感器或接口采集监控对象的数据,如温度、湿度、压力等。数据处理:采集到的数据需要经过处理才能用于分析和决策,这包括数据的过滤、转......
  • 【状态估计】电力系统状态估计中的异常检测与分类(Matlab代码实现)
    ......
  • Unity玩家本地得分排名系统的制作
    UI的制作首先,我们建一个新的场景把他命名为Scoring,在Scoring场景导入积分面板资源25.3(资源下载放在置顶了)并设置渲染摄像机,在游戏结束时我们将切换到这个场景。配置好将看到如下界面,资源来自biliup阿严Dev其次,制作button按钮即返回主菜单功能,只需在ScoringUI——Scori......
  • Windows 11系统设置显示桌面图标方法分享
        随着Windows11操作系统的正式发布,许多用户纷纷升级,以体验其新颖的界面和改进的功能。然而,面对全新的用户界面和设置选项,即使是经验丰富的Windows用户也可能会遇到一些挑战。其中一个常见的问题就是如何在Windows11中设置显示桌面图标,这对于习惯了在桌面上组织文......
  • SUMER UI3.0组件库,基于Uni-app前端框架!一端开发,多端运行!本组件库可快速二次开发各种类
    sumer-ui介绍基于uView微信小程序UI组件库,兼容vue3。本插件是SUMER组件库,只提供组件库源码下载(不包含模板源码),本组件库可快速二次开发各种类别各行业模板,包括:商城、视频、直播、聊天、支付、新闻、社区、地图、导航、出行、社区、博客、新闻、游戏、影视、订票、广告等,......
  • Prism框架与Microsoft.Extensions.DependencyInjection的集成使用笔记
    在现代的WPF应用开发中,Prism框架提供了强大的模块化、依赖注入和MVVM支持,而Microsoft.Extensions.DependencyInjection提供了简洁而功能强大的依赖注入机制。另外很重要的一点是Microsoft.Extensions.*或者第三方的Nuget基本会提供Microsoft.Extensions.DependencyInjection,那么......
  • (免费领源码)Java/Mysql数据库+00750基于python的音乐电台推荐系统设计,计算机毕业设计项
    毕业设计(论文)Django音乐电台推荐系统学   院:                           专   业:                           年   级:                           姓   名:   ......
  • (免费领源码)Java/Mysql数据库+00485 个性化音乐推荐系统的设计与实现,计算机毕业设计项
    毕业设计(论文)NodeJS个性化音乐推荐系统学   院:                           专   业:                           年   级:                           姓   名:  ......
  • 软考 系统架构设计师系列知识点之杂项集萃(21)
    接前一篇文章:软考系统架构设计师系列知识点之杂项集萃(20)第30题软件结构化设计包括()等任务。A.架构设计、数据设计、过程设计、原型设计B.架构设计、过程设计、程序设计、原型设计C.数据设计、过程设计、交互设计、程序设计D.架构设计、接口设计、数据设计、过程设......