首页 > 分享 > 项目问题

项目问题

花匠小妙招
2024-12-05 20:30

ajax

在这里插入图片描述
req.body 获取值前面多加一个[]

解决办法
var bodyParser = require(‘body-parser’);
// 解析 application/json
app.use(bodyParser.json());
// 解析 application/x-www-form-urlencoded
app.use(bodyParser.urlencoded());

设置sessionStorage
保存 sessionStorage.setItem(
“datas”,
JSON.stringify(data)
);

获取 var data=JSON.parse(sessionStorage.getItem(‘datas’))
删除 window.sessionStorage.removeItem(‘datas’)

重定向路由

不带参数 this. r o u t e r . p u s h ( " / s t o r e s / a d m i n i s t r a t o r s " ) ; 带参数 t h i s . router.push("/stores/administrators"); 带参数 this. router.push("/stores/administrators");带参数this.router.push({
path: “/stores/updatecommodityaddition”,
query: { commodity: data}
});
获取参数 this.$route.query.commodity

vue项目使用echarts

安装npm install echarts --save
main.js 导入
import echarts from ‘echarts’
在这里插入图片描述

```javascript ```javascript ```javascript ```javascript <template> <div id="myChart" :style="{width: '1000px', height: '500px'}"></div> </template> <style> #myChart{ margin-top: 50px; } </style> <script> export default { name: "hello", data() { return { msg: "Welcome to Your Vue.js App", option: { title: { text: "查询门店服务数量" }, tooltip: {}, xAxis: { data: [] }, yAxis: {}, series: [ { name: "服务项目数量", type: "bar", data: [] } ] } }; }, mounted() { this.drawLine(); }, methods: { drawLine() { // 基于准备好的dom，初始化echarts实例 let myChart = this.$echarts.init( document.getElementById("myChart") ); // 绘制图表 myChart.setOption(this.option); } }, created() { var datas=[] $.ajax({ url: "http://localhost:3000/shops/findptstore", type: "GET", async:false, success: dataObj => { dataObj.forEach(element => { if (element.fuwuid.length != 0) { this.option.xAxis.data.push(element.shospsname); this.option.series[0].data.push(element.fuwuid.length) } }); console.log( this.option.series[0].data,"ssssssssss"); } }); this.drawLine(); } }; </script>

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283

ajax请求数据后填充到echarts时

将async:false 设置false
async 设置为 false，则所有的请求均为同步请求，在没有返回值之前，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。
在这里插入图片描述

正则

不能为空格 /sS+|S+s|S/
匹配空行的正则表达式： n[s| ]r
匹配中文字符的正则表达式： [u4e00-u9fa5]
匹配首尾空格的正则表达式： (^s)|(s*KaTeX parse error: Can't use function '.' in math mode at position 22: …和小数点：/^(?!0+(?:̲.̲0+)?)(?:[1-9]d*|0)(?:.d{1,2})?$/ 保留2位

超出部分冒号显示

width: 470upx;overflow: hidden;word-break: break-all; /* break-all(允许在单词内换行。) */text-overflow: ellipsis; /* 超出部分省略号 */display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/-webkit-line-clamp: 1; /** 显示的行数 **/ 12345678

分页

.includes(search.toLowerCase())).slice((currentPage-1)pagesize,currentPagepagesize)"

在这里插入图片描述

current_change: function(currentPage) {
this.currentPage = currentPage;
},

created: function() { this.total = this.tableData.length; }, 123

mogodb导入导出

导入出
在这里插入图片描述

导入
命令：mongorestore -h 服务器所在的 IP 与端口 -d 数据库项目名文件夹路径

实例：mongorestore -h localhost:27017 -d huan_cms C:UsersDesktophuan_cms 1

git:https://blog.csdn.net/newguy411/article/details/89634129?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.nonecase 使用

https://blog.csdn.net/newguy411/article/details/89634129?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2.nonecase