技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-2.购买域名服务器并解析域名到服务器
以阿里云为例,之前使用PHP搭建网站时就开始使用,售前售后运营工作人员解决问题很好,非常方便。1.购买域名域名不多说,在阿里云官网点击购买域名,输入自己喜欢的域名进行查找,另外.top后缀的域名非常便宜,首次九块钱一年。同时,建议域名和服务器在同一个运营商购买,这样解析域名会方便些,否则非常麻烦,我经历过,不想回忆。2.购买服务器新注册阿里云的账号,会有优惠活动。大家可以自行咨询阿里云客服。另外....
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-14-1.生产环境编译
目前我们编辑的vue组件文件、scss样式工具文件都是在开发环境中作用的,我们需要使用npm run serve方法开启端口进行访问。但在生产环境(项目上线环境)下,我们需要将开发环境中的文件编译成生产环境代码,将vue组件文件和scss样式工具文件编译成静态的html、css文件,同时将admin端、web端放入server端,从而形成一个完整的网站形态。如需要访问web端,则访问域名:300....
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-6.卡片组件的封装
本篇文章我们封装一个卡片组件,不使用elementui中的卡片样式而仿照其逻辑制作,我们可以更深入理解并易于修改出自己想要的样式。1.制作出我们想要的框架<div class="card p-3 bg-white mt-3"> <div class="card-header d-flex"> <div class="fs-xxl flex-1 px-2"...
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-5.使用字体图标(iconfont)
由于之前是做UI的,在之前的图标使用中,我都是直接将icon下载成png格式来做图,然后在网页中以img形式引入并显示。后来发现svg格式小一些,在网页中就用svg格式图标。今天明白了阿里图标库真正的使用方法,没有使用过的朋友一起学习下。1.找图标在图标搜索引擎中找我们需要的图标,选中之后加入购物车:2.下载图标代码选出我们需要的几个图标后,找到购物车:点击下载后下载的是压缩包,其中内容是css....
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-4.vue广告轮播图,并使用接口引入数据
1.下载组件包Vue-Awesome-Swiper并引入Vue-Awesome-Swiper链接cd web npm i vue-awesome-swiper2.使用vue-swiper在首页组件Home.vue中使用该组件,使用方法为外层 < swiper > 内部 < swiper-slide > 。此时已经可以拖动轮播了:3.引入广告数据(1)在server端创建路....
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-3.使用flex布局并开始搭建web端
1.用sass工具定义flex布局样式flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。其中justify-content(水平方向对齐)属性和align-content(垂直方向对齐)属性更方便地解决元素的对其、分布方式具体在什么场景如何得到效果大家去链接中测试。sass工具定义:// flex布局 .d-flex{ display: flex; } $flex-jc: ...
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-2.sass工具的变量
上篇文章我们学习了如何在node + vue中安装sass工具,并对 嵌套 (nested rules) 功能做出了演示,本篇文章我们对sass工具的另一大功能 变量(variables) 进行学习和使用。1.为什么使用变量(variables)功能设计师在整个页面的视觉设计工作中,会根据网站特性、产品功能、企业文化等特点对页面进行一个色彩的基础定位,每个成功的网站设计都会有其确定的主色、辅助色....
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-13-1.使用sass工具搭建前台web端页面
关于sass:Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。点击链接可进入sa....
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-12-4.登陆的前端vue-router路由验证(导航守卫)
上篇文章我们发现有些不使用任何接口的页面,在不登陆状态下是可以进行访问的,所以本篇文章解决一下这个问题。1.使用导航守卫导航守卫是在路由定义之后,进行使用之前进行的相关函数操作。类似中间件,可以说实际上他就是一个钩子函数的中间件。// 导航守卫 router.beforeEach((to, from, next) => { // 打印to,查看内容 console.log(to) ...
技能学习:学习使用Node.js + Vue.js,开发前端全栈网站-12-3.登陆的token验证(校验登录)
token验证的实现方式很简单,只需要在所有后端接口中添加一个验证是否存在token的中间件即可,接口的访问过程是调用→运行→返回数据。所以我们在接口调用之后、运行之前的位置加一个验证token的函数作为接口的中间件,从而验证到非登录人员,将其页面跳转到登陆页面即可。1.在server端获取admin端sessionStorage(或localStorage)存储的token我们要通过将sess....
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。
node.js开发相关内容
- 开发node.js环境
- 引擎开发node.js
- node.js后端开发
- js开发node.js
- node.js开发连接
- node.js接口开发
- node.js开发入门
- node.js开发实践
- vue开发node.js
- 全栈开发node.js
- 技术node.js开发
- vue node.js开发
- 小程序node.js开发挂号系统
- node.js开发程序
- node.js vue开发系统
- node.js开发酒店管理系统
- node.js vue开发
- node.js开发项目接口
- node.js开发接口
- node.js开发路由
- node.js开发博客
- node.js开发日志
- node.js开发express
- node.js开发项目express重构
- node.js开发中间件
- node.js开发安装
- node.js开发反向代理
- node.js koa开发
- node.js开发文章生成网页
- node.js开发文章生成版本
node.js更多开发相关
- node.js开发生成器版本
- node.js开发生成器网页版本
- node.js开发文章
- node.js开发前端页面
- node.js开发生成器
- node.js javascript开发
- node.js全栈开发
- node.js开发系统
- node.js开发学习
- react node.js开发
- node.js vue.js开发前端全栈
- node.js开发全栈网站
- node.js开发服务器
- node.js区块链开发参考
- node.js mongodb开发
- node.js区块链开发机制
- node.js开发mongodb
- 教程node.js开发
- node.js开发前端网站数据
- node.js区块链开发dpos
- visual studio开发node.js程序
- node.js express开发web
- node.js区块链开发亿书dpos
- node.js区块链开发part
- node.js开发阿里云
- 开发node.js框架
- Node.js web开发框架大全
- node.js express框架开发
- html5 node.js开发桌面应用
- node.js开发axios
node.js您可能感兴趣
- node.js算法
- node.js SDK
- node.js设备
- node.js结构
- node.js软件
- node.js局域网
- node.js分析
- node.js监控
- Node.js应用
- node.js自动化
- node.js安装
- node.js模块
- node.js express
- node.js js
- node.js版本
- node.js服务器
- node.js构建
- node.js项目
- node.js NPM
- node.js报错
- node.js框架
- node.js节点
- node.js环境
- node.js前端
- node.js部署
- node.js配置
- node.js API
- node.js文件
- node.js MySQL
- node.js笔记
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
+关注