vue-admin-template 新手學習(一) 啟動項目

vue-element-admin 和 vue-admin-template及新版本vue-element-admin调用后端接口和跨域 vue-element-admin 和 vue-admin-template简介及新版本vue-element-admin调用后端接口和跨域 一、vue-element-admin 1、简介 而vue-element-admin是基于element-ui 的一套后台管理系统集成方案。 功能:https://panjiachen.github.io/vue-element-admin-site/zh/guide/ GitHub地址:https://github.com/PanJiaChen/vue-eleme 阅读详情

大家可能下載完整的模板再一個個刪除

我剛好相反 只下載template模板來一個個頁面功能添加

一、準備好vue-admin-template模板

1.可以直接下載vue-admin-template-master.zip包然後解壓

2.通過git命令科隆  git clone https://github.com:PanJiaChen/vue-admin-template.git

 

二、準備運行vue-admin-template模板

    1.npm  install 安裝依賴  依賴下載完後提示如下 因為我的npm的版本比較舊 所以安裝玩依賴提示我updatenpm

2.npm run dev 跑起來項目   但是一輸入命令就打開了瀏覽器 還沒有build完 所以我在vue.config.js將啟動即開啟瀏覽器改成false 也可以把端口號改成別的都在vue.config.js裡邊

const port = process.env.port || process.env.npm_config_port || 9527 //改端口號

devServer: {
    port: port,
    open: false,
    overlay: {
      warnings: false,
      errors: true
    },

3.項目已經跑起來了

 

下一節   將會是頁面權限的控制喲

vue-admin-template 启用准备工作 vue-admin-template是基于vue-element-admin的一套后台管理系统基础模板(最少精简版),可作为模板进行二次开发。你可以在的基础上进行二次开发,把当做工具箱,想要什么功能或者组件就去那里复制过来。 阅读详情

相关推荐

前端框架vue-admin-template、vue-element-admin和electron-vue-admin的介绍和安装

基于vue-element-admin的一套后台管理系统基础模板(最少精简版),只包含了 Element UI & axios & iconfont & permission control & lint。

博观而约取,厚积而薄发~ 918

Vue-admin-template的简单使用(简单单体项目)

vue-admin-template简单的使用

weixin_44145156的博客 1480

Vue+vue-admin-template+nginx后台(Windows)部署

服务器环境: 电信服务器:有网环境,但是访问不了外网,只开放了几个特定的端口,可以进行mstsc远程(但必须外挂环境,你懂的),windows 2012 R2版本(因为Linux不太会,而且距机房太远,怕出问题) 系统: 1、springBoot后台,接口 9000 2、vue_admin_template项目,请求后台接口9000 本身接口8082(项目内已经配置完成,貌似是我自己想多了),打包就不讲了,按README.md说明来就行,但注意两点: a、将vue.config.js文件中的pu.

莫闲的专栏 2478

Vue实现角色权限动态路由详细教程,在vue-admin-template基础上修改,附免费完整项目代码

Vue实现角色权限动态路由详细教程,在vue-admin-template基础上修改,附免费完整项目代码,有详细注释

coderYYY的博客 6795

nnU-Net v2实战:从零开始配置环境与训练自定义医学影像数据集

本文详细介绍了nnU-Net v2在医学影像分割中的实战应用,从环境配置到自定义数据集训练的全流程。重点讲解了Python 3.9+环境搭建、PyTorch安装技巧、医学影像数据预处理规范,以及五折交叉验证训练方法,帮助开发者快速掌握这一先进的医学影像分析工具。

weixin_28718487的博客 352

安装VMware,出现没有虚拟网络适配器的问题

安装VMware,出现没有虚拟网络适配器的问题

Young_Harry的博客 1万+

vue2静态网站使用vue-cli打包以及github部署

vue2静态网站使用vue-cli打包以及github部署

2301_77156888的博客 1170

IDEA中Maven工具栏与命令执行全攻略:高效开发必备技巧

IntelliJ IDEA 作为强大的 Java 开发工具,其 Maven 功能独具优势。Maven 工具栏位于工作区右侧,图标功能丰富,涵盖项目导入、源码处理、依赖操作等。执行 Maven 命令有多种途径,Run Anything 窗口可输入或选目标执行,上下文菜单能右键运行目标,还可创建运行配置,指定命令参数后运行,为开发者高效管理 Maven 项目、便捷执行命令提供有力支持。

2301_82300081的博客 2031

vue-admin-template模板使用问题汇总

vue-admin-template 前景概要 vue-element-admin是基于element-ui的一套后台管理系统集成方案。 功能:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能 GitHub地址:https://github.com/PanJiaChen/vue-element-admin 项目在线预览:https://panjiachen.gitee.io/vue-element-admin vueAdmin-

efew212efe的博客 1026

OpenClaw 完整命令文档(2026.3.13 最新版)

本文档为OpenClaw 2026.3.13通用版使用指南,包含核心命令大全。主要内容包括:1)基础安装/升级/卸载命令;2)ClawHub扩展安装命令(支持飞书/钉钉/企微等平台连接);3)Skills技能安装命令(实现聊天/搜索/记忆等功能);4)飞书机器人授权与配对命令;5)启动运行与配置检查命令;6)工作区与记忆管理命令;7)插件安全设置命令;8)调试日志命令;9)飞书机器人一键部署简化流程。文档特别强调飞书机器人部署需feishu扩展+对应技能+用户授权的完整配置,所有命令均需在终端执行,安装后需

MKliudan的专栏 1294

人工智能训练师三级考试题型全解析|190道真题样例+30天备考路线

人工智能训练师三级考试并不神秘:理论考190道选择题(刷题就能过),实操考代码+方案设计(练练就会)。核心是花时间——30天系统备考,足以从容通过。如果你想从零开始系统备考,覆盖所有考点和实操技能,欢迎查看我的专栏:📖《人工智能训练师三级·从零到拿证完全指南》80篇系统化内容,覆盖报名、备考、冲刺、拿证全流程六大模块知识点逐个击破,每个考点都讲透实操代码题手把手教学,附带完整参考代码高频考点速记 + 易错题精讲 + 3套模拟试卷30天备考计划 + 冲刺复习策略。

白话机器学习 6083

vue.config.js 配置

‘use strict’ const path = require(‘path’) const defaultSettings = require(’./src/settings.js’) function resolve(dir) { return path.join(__dirname, dir) } const name = defaultSettings.title || ‘文件’ // 标题 const port = process.env.port || process.env.npm_conf

weixin_48691904的博客 917

Unity 之jenkins自动打包

1.Jenkins 是什么? jenkins官方网址:https://www.jenkins.io/zh/ Jenkins是一款开源 CI&CD(持续集成&持续部署) 软件,用于自动化各种任务,包括构建、测试和部署软件。 简易安装:Jenkins 是一个基于 Java 的独立程序,可以立即运行,包含 Windows、Mac OS X 和其他类 Unix 操作系统。Jenkins 支持各种运行方式,可通过系统包、Docker 或者通过一个独立的 Java 程序。 插件扩展:通过更新中心中的

TxNet 2132

Vue框架vue-admin-template登陆问题解决

Vue框架vue-admin-template登陆问题解决

scorpio的博客 2万+

将任意文件转换为Pcap网络数据包传输

一款实用的工具用于将任意文件转换为pcap网络数据包

村中少年的专栏 3188

深耕车载智能:奇瑞安卓车机开发工程师岗位深度解析与面试指南

奇瑞控股集团招聘安卓车机开发工程师(J22602),负责车载应用开发、性能优化及整车适配。要求大专以上学历,3年以上车机开发经验,精通Android框架及车机特定技术(如Vehicle HAL)。岗位需具备性能调优能力、整车系统适配经验,熟悉车规级开发环境。面试重点考察技术深度、项目经验及问题解决能力,涉及基础技术、性能优化及整车适配等维度。随着智能座舱发展,该职位需持续学习新技术(如AAOS),关注行业趋势(多屏联动、舱驾融合)。职业发展建议深化Android技术,拓展车规硬件知识,提升软技能。

郑伟强dev的专栏 479

第13章 vue-admin-template

这是一套简单的vue基础课程,主要介绍vue,vue-router,axios,vuex,element-ui等等

richieandndsc的博客 6960

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

Vue前端模板框架--vue-admin-template

Vue前端模板框架--vue-admin-template

m0_57037182的博客 1万+

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的,已经排好版了,而且还是完整的,适合小白

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

SpringBoot整合vue-admin-template实现登录

vue-admin-template简介 前后端分离开发模式越来越受开发人员的喜爱,开源项目vue-admin-template 是一个后台前端解决方案,它基于 vue 和 element-ui实现。更多详情请阅读vue-template-admin官网,vue-admin-template项目是其基础模板,本文基于vue-admin-template实现与SpringBoot的整合 SpringBoot整合vue-admin-template ...

liu320yj的博客 1万+

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

Vue-admin-template笔记(一)

Vue-admin-template项目 一、关于Vue-admin-template 1.1 介绍 vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。 可以把 vue-element-admin当做工具箱或者集成方案仓库,在 vue-admin-template 的基础上进行二次开发,想要什么功能或者组件就去 vue-element-admin 那里复制过来。 vue-element-admin官方 首先前端目录结构 ├── build

zczdc的博客 3728

Laravel & VueJS Admin Template 使用教程

Laravel & VueJS Admin Template 使用教程 1. 项目介绍 Laraspace 是一个为 Laravel 5.6 PHP 框架设计的后台起始模板,包含了构建下一个 web 应用程序所需的所有必要模板代码。它提供了多种布局选项、响应式设计、加载动画、后台认证、设置 API、表单验证错误处理、通知 API、丰富的 UI 组件和小部件等特性。 2. 项目快速启动 环境...

gitblog_00499的博客 913

vue-admin-template 常见问题解决方案

vue-admin-template 常见问题解决方案 项目基础介绍和主要编程语言 vue-admin-template 是一个基于 Vue 2.0 的极简后台管理模板,集成了 Element UI、axios、iconfont、权限控制和代码规范检查等功能。该项目的主要编程语言是 JavaScript,同时也使用了 Vue.js 框架和 SCSS 进行样式编写。 新手使用注意事项及解决方案 1....

gitblog_09048的博客 802

【免费下载】 Vue3-admin-element-template 教程

该项目的目录结构如下: ``` . ├── public # 静态资源文件夹 │ └── index.html # 应用入口HTML文件 ├── src # 主要的源代码文件夹 │ ├── assets # 图片和其他静态资产 │ ├── components # 自定义组件 │ ├── directiv...

gitblog_00987的博客 1677

vue-admin-template二次开发

vue-admin-template是基于vue-element-admin的一套后台管理系统基础模板。

qq_35632957的博客 1608

Vue AntDesign Admin Template 使用教程

Vue AntDesign Admin Template 使用教程 项目介绍 Vue AntDesign Admin Template 是一个基于 Vue.js 和 Ant Design 的后台管理模板。它提供了一套完整的 UI 组件和布局,帮助开发者快速搭建现代化的后台管理系统。该项目遵循现代前端开发的最佳实践,包括模块化、组件化、状态管理等。 项目快速启动 克隆项目 首先,克隆项目到本地: g...

gitblog_00691的博客 1231

【亲测免费】 Vue Admin Template 安装和配置指南

### 项目基础介绍 Vue Admin Template 是一个基于 Vue.js 2.0 的极简后台管理模板。它集成了 Element UI、axios、iconfont、权限控制和代码规范检查等功能,适合快速搭建中小型后台管理系统。 ### 主要编程语言 该项目主要使用 JavaScript 和 Vue.js 框架进行开发。 ## 2. 项目使用的关键技术和框架 ### 关键技术和框架...

gitblog_09046的博客 1554
上一篇: el-radio遇到的一些坑
下一篇: vue-admin-template 新手學習(四) 頁面權限控制
低調的D吖
博客等级 码龄14年 9粉丝 52原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值