Vue+Node

基于vue和node的个人博客的设计与开发日记——day1技术架构脚手架搭建

因为手头小程序的项目告一段落，就打算搞点新事情据说小程序语法和vue非常相似，同时老师公司用的是vue+node，所以萌生做一个个人博客的打算前期已经做好了网站UI，因为感觉这种网站技术含量不是非常高，
ChannnXY·2020-09-10 10:27

手动搭建vue+node单页面（一）

这里提供手动搭建vue单页面开发生产环境，并使用node写后台代码，仅供小白参考；代码虽然没多少，但牵扯的知识很多，需要逐个研究；后续内容《手动搭建vue+node单页面（二）》https://segmentfault.com
weixin_34349320·2020-08-26 08:28

vue+node获取MySQL数据

一、使用npm安装MySQL二、编写取数api1、新建数据库连接信息文件module.exports={mysql:{host:'127.0.0.1',user:'root',password:'x5',database:'test',port:'3306'}}2、在服务器文件index.js，创建数据库连接，并编写取数api//node后端服务器constdb=require('./db.js'
MAYBE。。·2020-08-25 08:20

vue系列笔记（一）------vue-cli脚手架搭建开发环境

上次使用vue+node搭建简易博客过程中，发现自己还有很多的问题需要学习，于是就有了这一系列关于vue的笔记。vue的安装一、直接在页面使用引入，vue会被注册为一个全局的变量。
前端守望者·2020-08-25 03:43

vue+node全栈移动商城【4】-创建get、send接口，接收数据更新视图

上一节里咱们已经实现了第一个接口，并在请求接口时收到了返回的{a:123}，那么接下来，咱们就实现一个简单的get、set接口，并通过返回的数据来更新页面视图。aaaaaaa.png这是我们要实现的页面视图，代码如下，{{msg}}{{txt_data}}发送获取基本的操作是这样，点击发送按钮时，会把你输入左边input的数据传递至node处理；点击获取按钮时，会获取你在node里处理之后的数据，
我是老尚·2020-08-25 01:52

webpack + express 实现文件精确缓存

由于最近开发的个人博客（Vue+node）在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。
谭光志·2020-08-24 16:25

vue+node分页功能实现

实现思路分页的基础是基于sql语言中的limit实现前端（vue）1.创建一个分页组件2.通过点击分页组件的按钮获取分页的信息，post请求到后端获取数据后端（node）1.获取前端传递参数，使用limit传递给数据库前端实现1.分页组件使用element-ui的Pagination分页https://element.eleme.cn/#/zh-CN/component/paginationvue
破风小k·2020-08-23 04:43

Vue+Node+Mysql实现简单全栈开发入门

为了练手，用vue+node操作mysql，做一个简单的点餐系统，实现简单全栈开发，供前端想要入门了解node和mysql的朋友参考。
丁丁分享·2020-08-21 06:34

vue+node express生成器 使用socket.io (websocket)

1.客户端（前端）Index.html引入服务socket脚本然后我的是点击连接websockthandleClick(){varsocket=io("ws://192.168.1.80:3000");socket.on('chatmessage',function(msg){console.log(msg)})}服务端先安装npminstall--savesocket.ioAPP.js不用管现在
zehua_o·2020-08-21 04:28

Vue+node 搭建聊天室

1.使用node搭建socket服务器//加载expressconstexpress=require('express')//加载socket.ioconstsocketIo=require('socket.io')//加载httpconsthttp=require('http')//创建appconstapp=express()//创建serverconstserver=http.createS
g1531997389·2020-08-21 02:44

webpack + express 实现文件精确缓存

由于最近开发的个人博客（Vue+node）在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。
woai3c·2020-08-21 02:11

vue+node(express)+nginx+mysql（1）

ps：小白一枚希望大佬指导下载nginx配置代理转发到node3000端口上并配置https（不要忘了开放443端口）拿肾换的ssl证书手动滑稽listen80;server_namexxxx;#charsetkoi8-r;#access_loglogs/host.access.logmain;location/{rootC:\server\server;#服务器根目录indexindex;#服务
笑啊笑·2020-08-15 20:13

vue+node项目部署上线

在线地址:cl8023.comgithub现在新用户购买阿里云服务器3年只要398啦。。https://m.aliyun.com/act/team...云服务器阿里云or腾讯云阿里云服务器品牌：ECS（ElasticComputeService）腾讯云服务器品牌：VCM（CloudVirtualMachine）两者都可以，具体可以根据自己的需求，都说阿里云稳定，腾讯云便宜，我自己买时发现两者入门级
weixin_33705053·2020-08-15 19:46

vue+node实现前后端分离

之前一直听说前后端分离好，但从来没有自己动手实践过！因为发现了对于自己的知识高端一点的判断用户是否已登录，想自己尝试下，顺带搭建一个前后端分离的环境vue我使用的是vue-cli3，关于安装配置，官网已经讲的很明了了node.js我使用的是express框架，安装环境什么的，网上也已经有很多了。express的默认端口为3000，而vue的默认端口为8080，想要发送请求，势必需要处理跨域问题。通
wen_special·2020-08-10 04:53

vue+node前后端分离接口调用（初学者）

一、node编写接口（设定你已使用Node+express搭建好了项目，可参照我的上一篇博客）我们就在users.js下进行接口编写router.get('/getUserInfo',function(req,res,next){varuser=newUser();//解析路由参数varparams=URL.parse(req.url,true).query;if(params.id=='1'){
鹤汀浮渚。·2020-08-10 04:59

vue+node(express)+mysql部署阿里云服务器

文章目录一、购买服务器二、下载安装putty和Xftpputty连接服务器安装node安装mysqlXftp上传代码启动node应用配置mysql三、安装配置tomcat一、购买服务器1、进入阿里云官网，选择服务器ECS，我买的是学生的，当然你要是学生，可以通过身份购买学生专用优惠服务器，9.5一个月2、接下来会有个密码设置，这个密码会从始至终会用到哦3、购买成功后，实例就创建成功了，也就会有自己
dearqz·2020-08-05 15:51

第三方登录对接（一）

项目是采取前后端分离的方式，前端主要是vue+node，node作为中间件，后端是golang。以下的代码都是
吃柠檬的刺猬·2020-07-28 02:50

vue+node支持服务端渲染的博客系统

感悟历时两个多月，终于利用工作之余完成了这个项目的1.0版本，为什么要写这个项目？其实基于vuejs+nodejs构建的开源博客系统有很多，但是大多数不支持服务端渲染，也不支持动态标题，只是做到了前后端分离，对于博客类系统seo肯定很重要，索性就自己动手写了这个项目，其中也遇到了不少问题，因为基于服务端渲染的项目不多，自己能力也有限，所以用了好长时间。这里特别感谢@lincenying，提供了登录
weixin_33851604·2020-07-15 04:44

用Vue+Node搭建网上购物商城——记录篇

PC端网上购物商城github地址前言项目采用的技术栈:Vue+Node+MySQL前端：用Vue-cli搭建，使用Vue全家桶+element-ui后端：express框架数据库：MySQL其实项目初版本早就写完了，但感觉完成度不高，所以现在想完善这个项目，熟练下vue和node的开发运用，然后也记录一下我的开发过程一、项目效果预览商城前台部分首页选择所在城市首页右侧的购物车提示区分类展示页面购
立青FTK·2020-07-14 05:05

vue+node实现头像上传功能

实现思路前端处理（vue）：1.点击头像，打开文件处理系统（PC端的文件系统，移动端的相册）2.选择头像图片，点击确认，读取图片数据进行处理成统一规格的图片资源，通过post请求将图片发送到后端3.获取后端传递的数据，更改图片img的src属性后端处理(node):1.读取post请求中的图片数据2.用hash函数生成图片名称（生成唯一图片名称）3.将图片保存到public/userIcon目录下
破风小k·2020-07-14 04:22

Vue+Node：商品列表的分页、排序、筛选，添加购物车

1、分页商品列表的分页实现是后台根据前端请求的页面大小、页码位置，去数据库中查询指定位置的数据然后返回给前端。比如页面大小为8，要查第3页的数据，则跳过2*8条数据，然后返回接下来的8条数据。实现滚动加载：页面刚一加载完成并不需要请求所有数据，只显示一部分。当用户下拉到页面底部时，再去请求数据并拼接到商品数据列表中。通过vue-infinite-scroll插件实现滚动加载，在框架末尾插入加载di
Trajec_Tory·2020-07-12 00:50

vue+node 图片上传到服务器

vue{{username}}exportdefault{name:'Header',data(){userInfo:{avatar:require('../../assets/timg.jpg')//默认头像}}},methods:{getImg(event){//上传头像console.log(this.userInfo.avatar)letuserName=this.getCookie('u
滴滴咚咚咚·2020-07-11 04:55

用Vue+Node从零开始实现拼多多前后端商城项目 — 记录踩坑之旅（上篇）

前言本人移动端开发妹子工程师一枚，因为公司项目需要用到前端的技术(主要是vue)，自己自学了一段时间，最近花了半个月在工作之余的时间终于自己完完整整写下来一整个前后端商城项目(当然是跟了一个线上项目直播班，不要嘲笑我)，不知道自己算不算前端入门了，?。项目采用的技术栈是基于：vue+node+mySQL，用vue-cli写的前端，用express搭建的后端应用服务器，数据库用的是MySQL。一、项
weixin_34383618·2020-07-10 09:16

vue+node项目使用nginx部署到docker单机及docker swarm集群

vue+node项目使用nginx部署到docker单机及dockerswarm集群这里vue配置文件是使用的动态加载，如果需要可以参考我之前的文章：https://blog.csdn.net/CaptainJava
grootblockchain·2020-07-09 10:43

vue+node(socket.io)+webRTC实现一对一通话测试

一对一视频通讯ConnectSigServerleavelocal:remote:/***1、消息通讯的连接建立要在音视频数据获取之后，否则会导致有可能绑定音视频流失败*2、当一端退出房间后另外一端的PeerConnection要关闭重建，否则与新用户互通时媒体协商会失败*3、异步事件处理****/import{log}from"@/utils/logging";exportdefault{nam
github_39274378·2020-07-07 08:55

vue+node实现图片上传及预览

先上效果图在这里插入图片描述上代码html部分主要是借助了weui的样式×发送重点部分在于×通过@change="change"监听图片的上传，把图片转成base64后（后面会讲怎么转base64）将base64的地址加入到images数组，通过v-for="(image,index)inimages"把要上传的图片在页面中显示出来，即达到了预览的效果js部分data部分d
杜鑫鸭·2020-07-05 14:11

vue 如何使用graphql？ node.js如何使用graphql？ node框架 egg 如何使用graphql？

说明本文中vue+node均基于的apollo.js使用vue是在apollo基础上封装了一个vue的组件方便使用vue使用graphql1下载依赖包npminstall--savevue-apollographqlapollo-clientapollo-linkapollo-link-httpapollo-cache-inmemorygraphql-tag2
gaoqiang1112·2020-07-02 00:08

NodeJS使用express与mysql实现查询功能

最近正在使用Vue+Node制作项目，于是决定写一个使用Node.js+Express搭建服务器的教程步骤：一开发前的准备：1、安装Node.js官网下载安装2、安装Express使用npm，指令如下：
Callback_heaven·2020-06-29 01:46

vue+node前后端实现登录注册功能

使用vuecli3脚手架搭建一个vue项目创建一个vue_cms项目，没安装脚手架全局安装即可，安装过程选择默认的即可vuecreatevue_cms安装路由，axios，完成后启动项目，cnpmivue-routeraxios-S在项目根目录下新建一下vue还需要修改一下端口,避免端口冲突module.exports={devServer:{host:'localhost',port:5000}
前端薛之谦...·2020-06-29 00:11

Spring Cloud Template极简的分布式微服务项目

SpringCloud分布式微服务项目开源地址：cloud-template欢迎右上角star支持作者介绍旨在提供一个最基础的CRUD模板，并没与太复杂的业务流程，想让初学微服务或者想要找个Vue+Node
weixin_33910460·2020-06-28 07:26

vue+node全栈移动商城【8】-vant新建注册页面

上一节咱们已经实现了注册页面的跳转，那么在这一节，咱们全用vant这个框架，把注册页面给完善起来。让它能够拥有基本的页面交互功能。为下一步的登录、注册做好准备。这是vant官网，在左侧的导航里，向下滚动到，NavBar导航栏先看【使用指南】把下面的代码加入到main.js中import{NavBar}from'vant';Vue.use(NavBar);然后根据我们的需要，在register.vu
我是老尚·2020-06-25 19:49

webpack+express实现文件精确缓存的示例代码

由于最近开发的个人博客（Vue+node）在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。
·2020-06-22 08:26

前端跨域的方案，关于vue+node前后端分离

此文转载：昨天在做登陆请求的时候，脑子一抽，想试试原生的ajax来请求后台，这时候我就写下了下面的代码,varxhr=newXMLHttpRequest();xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status>=200&&xhr.status=200&&xhr.status<300||xhr.status==3
addin_gao·2020-06-21 22:31

vue+node 打造简易商城系统

vue和react的相同之处利用虚拟DOM实现快速渲染;轻量级;响应式组件;服务器端渲染;易于集成路由工具,打包工具,状态管理工具;优秀的支持和社区;vue.js本身不是一个框架,vue结合周边生态构成一个灵活的\渐进式的框架声明式渲染-->组件系统-->客户端路由-->大规模状态管理-->构建工具newVue实例componentroutervuexvue核心思想数据驱动(通过js和DOM是耦合
格调的声色影像·2020-03-15 02:31

使用vue+node搭建前端异常监控系统（二）-框架如何收集

Webpack工程化现在是前端工程化的时代,工程化导出的代码一般都是被压缩混淆后的。比如：setTimeout(()=>{xxx(1223)},1000)出错的代码指向被压缩后的JS文件，而JS文件长下图这个样子。如果想将错误和原有的代码关联起来就需要sourcemap文件的帮忙了。sourceMap是什么简单说，sourceMap就是一个文件，里面储存着位置信息。仔细点说，这个文件里保存的，是转
Web星球·2020-03-13 17:00

vue+node

vue-cli脚手架里面的config/index.js里面有一个proxyTable，将proxyTable:{}变成proxyTable:{'/api':{target:'localhost:8088/',changeOrigin:true,pathRewrite:{'^/api':'/api'}}}然后请求方式变成：exportdefault{login(){this.$http.get('
风吹过的空气·2020-03-07 15:57

使用async/await来处理异步(vue+node的实例)

用async/await来处理异步近期项目中大量使用async，从服务器获取数据，解决一些并发传参问题。代码很简单。在此也看了一些博客，现在async/await已经大范围让使用，是时候总结一波啦。先说一下async的语法，它作为一个关键字放在函数前面，用于表示函数是一个异步函数，因为async就是异步的异步，异步函数也就是意味着这个函数的执行不会阻塞后面代码的执行。简单的写一个async函数as
会飞的猪l·2019-12-28 12:53

Vue+Node实现的商城用户管理功能示例

本文实例讲述了Vue+Node实现的商城用户管理功能。
theVicTory·2019-12-23 08:09

Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析

本文实例讲述了Vue+Node服务器查询Mongo数据库及页面数据传递操作。
theVicTory·2019-12-20 10:36

腾讯云Windows环境搭建Vue+Node小白教程

第一步腾讯云选择合适的云服务器，建议2核4G内存机型。建议大家拿到手先修改一下初始密码，安全性会高一些。如果默认系统的是centeros，要重装为window2012.不推荐服务市场里面的基础环境和全能环境，试过几个不太满意，选择了最简单的基础镜像，其他的等到需要的时候自行安装就好了。更多参阅云服务器文档2.链接云主机用windows系统自带的远程桌面就可以了，准备好服务器的IP地址，账号密码就可
云使者·2019-11-29 11:38

阿里云服务器（BT面板）Vue+Node(Egg)部署流程

项目是Vue+Egg,服务器是阿里云的linux,安装了BT面这个流程适合，发布不频繁，个人项目，小型项目。下一步我会升级为，使用git，或者git+jekins的方式，实现每次merge自动发布。前端VUE项目部署项目位置，D:\personalProject\vuepro\coderIndexnode:10.11.0vue：2.9.3elementUI：2.12.0webpack-dev-se
FreeMing-imduingui0·2019-10-24 11:16

VUE+node（express）实现前后端分离

vue作为前端的框架，node(express)作为后端的框架。无数据库，使用端口保存数据。VUE:使用vue-cli构建vue项目（vueapp）。npminstall-gvue-cli（安装，安装过的就不用了）vueinitwebpackvueappaxios：（与ajax相似）importaxiosfrom'axios'varurl="http://localhost:3000"//expr
陈嗯嗯前端基地·2019-10-13 15:48

前后端分离————VUE+node（express）

前后端分离————VUE+node（express）vue作为前端的框架，node(express)作为后端的框架。无数据库，使用端口保存数据。
陈嗯嗯·2019-10-13 13:00

TodoList：适合初学者的vue+node小项目

TodoList一个简单的vue+nodejs项目，前端由vue实现，后端由nodejs(express)，数据库采用mongodb。github项目地址在线效果展示前端使用vue-cli脚手架，vue+axio实现的功能(1)单条添加todo(2)单条删除todo(3)双击编辑todo(4)单条todo已完成相应样式状态改变(5)全部todo是已完成相应样式状态改变(6)清除全部已完成todos
Chengbo·2019-03-16 00:00

vue+node实现图片上传及预览的示例方法

本文介绍了vue+node实现图片上传及预览的示例方法，分享给大家，具体如下：先上效果图上代码html部分主要是借助了weui的样式×发送重点部分在于×通过@change="change"监听图片的上传
杜鑫鸭·2018-11-22 11:13

手动搭建vue+node单页面（一）

>这里提供手动搭建vue单页面开发生产环境，并使用node写后台代码，仅供小白参考；代码虽然没多少，但牵扯的知识很多，需要逐个研究；后续内容《手动搭建vue+node单页面（二）》https://segmentfault.com
liubingyang·2018-04-13 00:00

判断jQuery是否加载完成,没完成继续判断的解决方法

一个比较头疼的事情，有些插件绑定dom对象的,然后又用jq的语法，比如你在vue+node的时候，基本就要百度方法我提供一个另类解决方案比如你下了个轮播图插件a.js你打开他的a.js然后用functionlbt
雪狼之夜·2017-12-06 16:21

vue-cli开发时跨域请求服务端NodeJS

在做一个vue+node的个人博客时，突然想如果前台在开发环境下可以和服务端连起来测试就好了。但是由于端口不同，所以得跨域请求了，但是前台开发完后，是不是全部URL都要改？
helloyoucan·2017-07-10 18:19
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他