50-VUE_Rebuild-1

最新推荐文章于 2024-03-30 09:54:02 发布
最新推荐文章于 2024-03-30 09:54:02 发布
阅读量401 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/javabcdef/article/details/97825424
版权

声明：关于vue的大部分的知识都差不多掌握了，现在要把jsp全部给改写成vue，每天来写一下重写了哪些东西

1.安装stylus

为了减少代码，在这里还是使用stylus-->css的预处理器

npm install stylus --save

npm install stylus-loader --save

安装2项，stylus & stylus-loader

如果重写jsp，那么其中很多的css样式，第三方的东西，建议就不要花时间去搞了，毕竟你不是专业前端，在css上可能会花费很多的时间，尽量能简单就简单，关于stylus，其实就是一个称之为"css预处理器"，给css加了一些函数特性，然后语法的话，也省略了一些大括号阿，冒号之类的，其实这种符号根本没有省略的必要，符号才多少代码，不过还好可读性也还行，缩进式的语法，但是最主要的是，国内关于stylus的讲解比较少，自己对css的什么伪类，不熟...所以还是少碰css为好

2.配置main.js

①Vue.config.productionTip = false

选false，否则你生产调试的时候会出现很多没有必要的提示，警告等

②把app.vue加载到main.js中，有2种，这里不需要用render函数，那就不用=>那个加载app的函数了

3.替换js，css

这里引用了easyUI和layUI的一系列js和css，这里全部给换了，所有的控件，全部给改成element-ui了

4.先写登录的ui

①下载element-ui

②下载完成以后的插件，在package-json里面都是有的

③写好了form然后设置样式

④关于stylus的使用。。随便写了点东西，这个demo太少了。。加上不懂css选择器什么的，能少用就少用

5.img & button

同样，加上element的button和img，然后这里注意一下

img的src是可以写一个请求的，这里不太清楚是否为ajax，但是可以这样写

就等于向后台发送了一个http请求，在这里图片的数据，就是通过这个请求发送了以后返回到response的域对象中

照理来说，肯定不能这样干阿，肯定要异步懒加载的方式加载图片，就像android的ImageLoader一样

6.跨域问题

在console里面发现了有跨域访问的提示，今天还没注意是不是真的解决了跨域访问

我们在config的index.js里面，把 proxyTable里面写上跨域的域名等配置信息，写上跨域的域名，这是前端解决跨域访问的做法，我们明天看看如何在后台解决跨域访问的问题。

7.<title>标签

在vue文件里面是不能写title标签，因为。。。没有。。。我佛了。。。

小结：

今天其实还解决了一些基本的spring的配置代码，然后对vue的写法，好歹实际写了一下，确实有点不习惯脚本语言，总感觉写的有点随意了，明天接着整页面，明天该要弄shiro了，毕竟这个东西现阶段的框架就要用到了

51-VUE_Rebuild-2
javabcdef的博客
08-03 300
1.vue设置全局变量 新建一个Global.vue，然后引入到Main.js，用的是Vue.protoype.自定义的name，然后在其他的vue里面就可以直接用了 2.封装ajax ①新建一个api的dir里面放ajax.js和一个config.js ②进入axios ③写一个类似java里面的用接口搞的一套GET/POST的http请求以及回调 import axios fro...
rebuild 和rebuild online
Joyce
09-04 1197
一、什么时候创建索引？ 索引多并不意味着性能好,索引对查询有利 对DML是有负担的.  A.一个字段包含一个较大范围的值,也就是说重复率比较小，就是所谓的高基数列   在一个大范围内去找小范围或精确的单个或几个值时 ，   索引非常有效，高基数列适合作索引 ，低基数列不适合作索引  B.一个列包含大量的NULL值    索引是不存NULL值的,那也就意味着这个索引很小,查起来很快  
vue-form-builder:超级表单生成器基于Vue构建，具有拖放功能，可保存的表单模式和易于维护的表单升级
04-30
形式生成器 一个简单的构建器，可帮助您为功能/模块/站点生成超级表单，...易于使用，创建，升级，维护......在可以使用Vue-Form-Builder时，为什么需要对表单进行编码？通过一些额外的步骤来渲染它：D 好处： 开发中的代码更少（无需自己执行<form> <div> <input> .... </div> </form> ） 易于维护，将来可以更新您的表格。 使用超级友好的UI / UX设置表单。 可扩展性（您的自定义控件，样式等） 表格验证？ 我懂你了 包括HTML5结构，无花招。 不再包含JQUERY 给这个仓库 :star: （星号），如果您实际上喜欢这个，并且可能在您的项目中使用它：D！ 谢谢！ 如果遇到任何错误或问题，请随时打开一个问题。 谢谢。 演示版 在线演示： 演示表格（现实生活中的示例）： 回购： : 支持的浏览器 最新的 :check_mark: 最新的 :check_mark:
vue启动报错 Run `npm rebuild node-sass` to download the binding for your current environment
weixin_47027172的博客
06-05 613
rebuid node-sass报错，安装python , dart-sass
VUE版本冲突不兼容问题。
Anguscherry的博客
11-22 4499
VUE版本冲突不兼容问题。
linux-x64-51_binding.node
05-22
linux服务器上的jenkins本地离线编译vue源码，rpm rebuild时需要用到linux版的node-saas的node二进制文件：linux-x64-51_binding.node
npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js npm ERR! Building: E:\worksoftware\node\node.exe E:\workdata\saferoot-vue\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR! gyp info it worked if it ends with ok
07-13
1. 确保你的环境中已经安装了最新版本的 Node.js。 2. 检查项目的依赖项是否正确安装。你可以运行 `npm install` 命令来安装项目的依赖项。 3. 确保你的系统中已经安装了构建所需的所有工具和库。具体来说，你需要...
npm error code 1 npm error path D:\springboot-vue-example-master\server_frontend\node_modules\node-sass npm error command failed npm error command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js npm error Building: D:\node\node.exe D:\springboot-vue-example-master\server_frontend\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm error gyp info it worked if it ends with ok npm error gyp verb cli [ npm error gyp verb cli 'D:\\node\\node.exe', npm error gyp verb cli 'D:\\springboot-vue-example-master\\server_frontend\\node_modules\\node-gyp\\bin\\node-gyp.js', npm error gyp verb cli 'rebuild', npm error gyp verb cli '--verbose', npm error gyp verb cli '--libsass_ext=', npm error gyp verb cli '--libsass_cflags=', npm error gyp verb cli '--libsass_ldflags=', npm error gyp verb cli '--libsass_library=' npm error gyp verb cli ] npm error gyp info using node-gyp@3.8.0 npm error gyp info using node@22.14.0 | win32 | x64 npm error gyp verb command rebuild [] npm error gyp verb command clean [] npm error gyp verb clean removing "build" directory npm error gyp verb command configure [] npm error gyp verb check python checking for Python executable "python2" in the PATH npm error gyp verb `which` failed Error: not found: python2 npm error gyp verb `which` failed at getNotFoundError (D:\springboot-vue-example-master\server_frontend\node_modules\which\which.js:13:12) npm error gyp verb `which` failed at F (D:\springboot-vue-example-master\server_frontend\node_modules\which\which.js:68:19) npm error gyp verb `which` failed at E (D:\springboot-vue-example-master\server_frontend\node_modules\which\which.js:80:29) npm error gyp verb `which` failed at D:\springboot-vue-example-master\server_frontend\node_modules\which\which.js:89:16 npm error gyp verb `which` failed at D:\springboot-vue-example-master\server_frontend\node_modules\isexe\index.js:42:5 npm error
最新发布
03-12
嗯，用户遇到了在Windows上安装node-sass时出现的错误，错误代码是1，提示找不到Python2，还有node-gyp需要重新构建的问题。首先，我需要回忆一下node-sass的安装过程以及常见的依赖问题。 根据引用[2]，错误通常是...
NPM安装依赖包，报错node-gyp rebuild...解决方法
m0_67402914的博客
03-08 3317
异常信息 npm ERR! code 1 npm ERR! path D:demo ode_modules ode-sass npm ERR! command failed npm ERR! command C:Windowssystem32cmd.exe /d /s /c node scripts/build.js npm ERR! Building: C:Program Files odejs ode.exe D:demo ode_modules ode-gypin ode-gyp.js rebuil
npm ERR! code 1 npm ERR! path D:\webtest\考试系统\vue\xzs-admin\node_modules\node-sass npm ERR! command failed npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js npm ERR! Building: D:\Program Files(x86)\nodejs\node.exe D:\webtest\考试系统\vue\xzs-admin\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR! gyp info it worked if it ends with ok npm ERR! gyp verb cli [ npm ERR! gyp verb cli 'D:\\Program Files(x86)\\nodejs\\node.exe', npm ERR! gyp verb cli 'D:\\webtest\\考试系统\\vue\\xzs-admin\\node_modules\\node-gyp\\bin\\node-gyp.js', npm ERR! gyp verb cli 'rebuild', npm ERR! gyp verb cli '--verbose', npm ERR! gyp verb cli '--libsass_ext=', npm ERR! gyp verb cli '--libsass_cflags=', npm ERR! gyp verb cli '--libsass_ldflags=', npm ERR! gyp verb cli '--libsass_library=' npm ERR! gyp verb cli ]
07-11
1. 确保你已经安装了构建 `node-sass` 模块所需的依赖。你可以尝试运行以下命令来安装构建工具： ``` npm install --global --production windows-build-tools ``` 或者你也可以手动安装 Visual Studio Build ...
vue运行后没有实时编译解决
zhy的博客
07-31 1万+
正常启动流程 npm install npm run dev 这两步就可以启动了，但是之前的项目都是会自动更新的，这次却没有，后来发现需要在执行一个命令 npm run build -- --watch 然后在启动就可以了 --------------------------------------------------------------------------- 如果是we...
vue安装
wangl157的博客
07-06 2877
1、下载node.js：https://nodejs.org/en/download/一路下一步安装完成后，确认环境变量中是否已经自动设置好（一般情况下在安装时就会设置成功），如果未设置则在Path中增加，如下图：。2、安装完毕之后，在命令行下验证是否安装成功：输入npm，显示如下就表示安装成功。3、cnpm的安装，安装命令为：npm install -g cnpm --registry=http...
vue项目初始化出现tar ENOENT: no such file or directory错误的解决办法。
学海无涯，更无止境。
08-13 2万+
在npm install时，出现了tar ENOENT: no such file or directory报错。 原因：node的版本问题 解决办法：全局环境下更新node版本，按照顺序运行下面的语句 sudo npm cache clean -f sudo npm install -g n sudu n stable 此时会更换node的版本，更新node后，再次运行npm i...
Dribbble Rebuild：前端开发者的设计灵感源重塑
gitblog_00010的博客
03-30 440
Dribbble Rebuild：前端开发者的设计灵感源重塑 去发现同类优质开源项目:https://gitcode.com/ 是一个开源项目，旨在为前端开发者提供一个重构版的Dribbble网站，它不仅展现了Dribbble的设计美学，同时也优化了用户体验，使浏览和搜索设计作品变得更加便捷。该项目采用现代Web技术构建，提供了一个优秀的实例，展示如何将创新设计与尖端技术相结合。 技术分析 R...
vue好久以前的项目起不来了，怎么看，看这里的解决方案
若释·飞语
09-01 1705
vue项目启动失败解决方案缘起失败尝试方案一：重新安装依赖失败尝试方案二：重新clone尝试方案三：清理npm缓存 缘起 想起之前的的网站好久没维护了，今天趁着有时间打开把之前写的bug解决一下，然而，启动失败、、、 失败尝试方案一：重新安装依赖 删除之前的node_module重新install，失败。打开node_modules,发现里面并没有安装的依赖。安装失败信息显示找不到相关依赖以及报错 Error: EPERM: operation not permitted, lstat… 安装失败 失败尝试
Vue刷新页面的三种方式
热门推荐
坏小哥
06-08 22万+
我们在写项目的时候，经常会遇到，用户执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面。如：用户登录成功、增加、删除、更新等。 原始方法： location.reload(); vue自带的路由跳转： this.$router.go(0); 用过的人都知道，前两者都是强制刷新页面，会出现短暂的闪烁，用户体验效果不好。 所以，我们选择第三种方式： 3. 首先在App里面...
Vue项目 build构建
旅行的风筝
09-18 1万+
这时候项目已经完成，需要发布到网站上了。这时候就需要将此项目构建成需要发布的版本。命令：npm run build运行这句命令后，项目将会被构建到dist文件夹，文件夹有三个部分：dist ├── index.html └── static ├── css │ ├── app.07f748db13e7a96b56e218ff0718169a.css │ └── a
重建二叉树
weixin_34304013的博客
07-05 994
#include<iostream> #include<memory.h> using namespace std; int K,N,M; int pre[1010],in[1010],post[1010],map[1010]; bool canRebuild; void reBuild(int low,int up){ if(up>=low)...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值