今天老板把我叫过去,给我分析了一下我写的存储过程【捂脸羞愧中。。。】,因为又临时加了个需求需要关联另外一个视图,我写成了内联,所以读取出来的数据少了好多。 select t1.MOTCARRIERNAME,t2.ROUTENAME,y.BUSLICENSE,y.ACCTPRICE,y.PRICE,y.CANACCTPRICE,y.CENTERACCTPRICE,y.OTHERACCTPRICE,y.STAACCTPRICE,y.TKAMOUNT,y.SCHBILLID,m.ManualTicketsStationFee,m.ManualTicketsFeefrom(Select b.MOTCARRIERID,b.ROUTEID,b.BUS...
废话不多说了,直接给大家贴代码了,具体代码如下所示:let that = this; for(let i = 0;i<that.tableData.length;i++){this.tableData[i].zzzk = this.midForm.zzzk;console.log(this.tableData[i].zzzk)this.tableData[i].zhje = this.tableData[i].zzzk * this.tableData[i].dj * this.tableData[i].sl * this.tableData[i].hzk//更新tableData中的数据Vue.set(this.tableData,i,this.tableData[i]) }vue监听不到通过索引改变的...
本文介绍了新手vue构建单页面应用实例代码,分享给大家,具体如下 步骤: 1.使用vue-cli创建项目 2.使用vue-router实现单页路由 3.用vuex管理我们的数据流 4.使用vue-resource请求我们的node服务端 5.使用.vue文件进行组件化的开发 一、目录结构:二、搭建项目 先安装 vue-cli: sudo npm install -g vue-cli 使用vue-cli构建初始化项目:vue init webpack project(创建webpack项目并下载依赖) 输入命令进入项目: cd my-project...
前几天主要看了express,今天开始接触ejs,jade还是不想看了,O(∩_∩)O哈哈~ var express = require("express"); var ejs = require(ejs); //var fs = require("fs"); //var bodyParser = require(body-parser);var app = express();app.engine(html, ejs.renderFile);app.set("view engine", "html"); app.use(function(req, res, next) {res.locals.userinfo = {userid : 123,username : "ladeng"};next(); });app.get("/", fun...
SVG动画vivus.js库使用整理,具体实例代码如下所示: 使用方法如图:HTML例子代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vivus.js - test</title> <style type="text/css"> svg * {fill: none;stroke: currentColor;stroke-width:4;} .sun...
废话不多说了,具体代码如下所示: <html><head><script type="text/javascript" src="jquery-1.10.2.min.js"></script><script type="text/javascript">/** JQUERY 通过当前标签属性名,获取属性的值 */function attrsByJquery(obj){var v1 = $(obj).attr("dbname");var v2 = $(obj).attr("name");alert(v1);alert(v2);}/** JAVASCRIPT 通过当前标签属性名,获取属性的值 */function attrsByJs(obj){var v1 = obj.getAttribute(na...
vue 封装自定义组件 tabal列表编辑单元格组件 <template><div class="editable-cell"><div class="editable-cell-input-wrapper" v-if=editable><el-input class="editInput" v-model="cellValue" placeholder="请输入内容" v-loading="editLoading" size="small"></el-input><el-button type="text"><i class="el-icon-check" @click=check></i></el-button></div><div class="editable-cell-text-wrapper" v-else>{{cellValue ||...
vue简介 Vue.js(读音 /vju?/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。 概述 这是一个16年9月份找的开源项目源代码,结合自己的实际情况进行的修改项目,以后内容将会有很大的不同,项目的目标是向QQ看齐 页面效果展示免责声明 本项目为...
jquery库: jquery -1.10.2.min.js,jQuery UI - v1.12.1。 jQuery 代码 不多说了,之间上代码。不懂的地方看注释。 <script type="text/javascript">//鼠标按下时的X Y坐标var mouseDownX;var mouseDownY;//鼠标按下时移动的X Y 坐标var mouseMoveX;var mouseMoveY;//移动的状态var isMove = false;/*初始化 选择框 */function init() {$("#selected").css("display", "none");$("#selected").css("top", "0");$("#selected").css...
废话不多说了,直接给大家贴代码了,具体代码如下所示:fs.readFile(./downsuccess/+name+, {flag: r+, encoding: }, function (err, data) {console.log(读取中)if(err) {return;}let b = new Buffer(data);let c = b.toString(hex);let cipherBuffer = _this.cipher(data);fs.writeFile(./downsuccess/+name+,cipherBuffer,[],function(){console.log(`${name}加密完成`);_this.downAll(_this.downList,_this.downCall)})}); exp...
一、什么是服务端渲染客户端请求服务器,服务器根据请求地址获得匹配的组件,在调用匹配到的组件返回Promise (官方是asyncData方法)来将需要的数据拿到。最后再通过window.__initial_state=data将其写入网页,最后将服务端渲染好的网页返回回去。接下来客户端将用新的store状态把原来的store状态替换掉,保证客户端和服务端的数据同步。遇到没被服务端渲染的组件,再去发异步请求拿数据。服务端渲染的环境搭建这是vue官网的服务端渲...
前言 Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择! 本文详细的给大家介绍了关于JS用swiper实现3d翻转幻灯片的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 先上效果图 使用的是swiper3.0版本coverflow效果,源码如下<!DOC...
实现效果如下:实现代码及注释 <!DOCTYPE html> <html> <head><title>vue.js数据动态编辑</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style type="text/css">/* 在Vue实例没有准备好之前隐藏没有编译的mustache */[v-cloak]{display: none;}*{padding: 0;margin: 0;}body{font: 15px/1.3 Open Sans, sans-serif;color: #5e5b64;text-align: center;}a, a:visited{outl...
本组件依赖JQuery 本人测试的JQuery 是1.8, 兼容IE8,IE9,谷歌,火狐等。 //验证输入框 function ValidateCompent(input){var _input = $(input).clone(true);_input.css("height",$(input).css("height"));_input.css("width", $(input).css("width"));var border =_input.css("border"); this.successIconClass = "icon-tick";//验证通过时的样式this.validate = false;this.faileIconClass = "icon-times";//验证失败时的样式v...
HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>炸弹倒计时</title> <style type="text/css"> .content { width: 200px; margin:0 auto; } .content .img1 { /*添加炸弹动画 第一值是动画名称 第二个值是动画的时间 第三个值时循环的次数,infinite为循环次数表示无限循环,用数值时则是循环次数*/ animation: bounce 1s infinite; } .content .img2 { animation: magnify 1s 1; } .btn { f...