技能学习JavaScript全栈网站的相关内容

文章 2021-08-20 来自：开发者社区

技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-5.配置Nginx反向代理

我们需要根据域名访问项目，那么就需要配置Nginx反向代理，让访问的域名转发到localhost:3000上。1.vscode安装remote-ssh插件由于要操作很多文件，所以我们需要一个可视化工具进行修改项目。vscode中的remote-ssh插件可以如本地操作一样，直接在本地操作服务器项目。类似宝塔。插件搜索remote-ssh：安装完成后，左侧导航栏就会出现远程连接图标：2.使用rem....

文章 2021-08-20 来自：开发者社区

技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-4.git拉取代码到服务器

1.将本地代码上传到git服务器git是国外代码库，可以使用国内gitee码云。没有账号直接注册即可，点击创建仓库：设置仓库：点击创建后，查看入门教程，我们开始上传代码到git服务器：（1）在本地安装git在技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-3.nginx配置web服务器并安装网站环境文章开始我们就已经下载了完整的git，所以我们可以在vscode终端直....

文章 2021-08-20 来自：开发者社区

技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-3.nginx配置web服务器并安装网站环境

1.安装git bash每次我们登录服务器都需要到登录阿里云进入实例，而为了更方便且一些后续工作的执行，现在下载git bash进行ssh命令远程连接服务器。据说mac系统自带ssh，大家自行终端测试，没有的话跟我到git官网下载。由于我之前下载过，就不跟大家一起下载了，基本上就是无脑安装，最后一步三个选项中问是否加入path，基本上我们如果没有手动终端启动bash经验的话选择第一个就好，否则启....

文章 2021-08-20 来自：开发者社区

技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-14-2.购买域名服务器并解析域名到服务器

以阿里云为例，之前使用PHP搭建网站时就开始使用，售前售后运营工作人员解决问题很好，非常方便。1.购买域名域名不多说，在阿里云官网点击购买域名，输入自己喜欢的域名进行查找，另外.top后缀的域名非常便宜，首次九块钱一年。同时，建议域名和服务器在同一个运营商购买，这样解析域名会方便些，否则非常麻烦，我经历过，不想回忆。2.购买服务器新注册阿里云的账号，会有优惠活动。大家可以自行咨询阿里云客服。另外....

文章 2021-08-19 来自：开发者社区

技能学习：学习使用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"...

文章 2021-08-19 来自：开发者社区

技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-3.使用flex布局并开始搭建web端

1.用sass工具定义flex布局样式flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。其中justify-content(水平方向对齐)属性和align-content(垂直方向对齐)属性更方便地解决元素的对其、分布方式具体在什么场景如何得到效果大家去链接中测试。sass工具定义：// flex布局 .d-flex{ display: flex; } $flex-jc: ...

文章 2021-08-19 来自：开发者社区

技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-13-2.sass工具的变量

上篇文章我们学习了如何在node + vue中安装sass工具，并对嵌套 (nested rules) 功能做出了演示，本篇文章我们对sass工具的另一大功能变量(variables) 进行学习和使用。1.为什么使用变量(variables)功能设计师在整个页面的视觉设计工作中，会根据网站特性、产品功能、企业文化等特点对页面进行一个色彩的基础定位，每个成功的网站设计都会有其确定的主色、辅助色....

文章 2021-08-19 来自：开发者社区

技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-12-3.登陆的token验证（校验登录）

token验证的实现方式很简单，只需要在所有后端接口中添加一个验证是否存在token的中间件即可，接口的访问过程是调用→运行→返回数据。所以我们在接口调用之后、运行之前的位置加一个验证token的函数作为接口的中间件，从而验证到非登录人员，将其页面跳转到登陆页面即可。1.在server端获取admin端sessionStorage（或localStorage）存储的token我们要通过将sess....

文章 2021-08-19 来自：开发者社区

技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-12-1.管理员模块

网站的必备功能：用户登录。用户登录功能是网站安全的一大重点，网站做的再好看，再完善，如果没有一个安全的管理员通道，都算不上一个成功的网站。今天起的几篇文章对用户登录进行专门学习。本篇文章我们将管理员模块实现。1.管理员模块的实现我们使用了CRUD通用接口，我们不需要对常用接口进行编辑，所以每个数据表的模型是我们开发一个模块时的第一步。模型Admin.js，只包括用户名密码即可:主页面Main.v....

文章 2021-08-19 来自：开发者社区

技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-7.mongodb数据库关联多个分类（关联多个数据）

技能学习：学习使用golang（gin框架） + vue.js，开发前端全栈网站-1.工具和本地环境技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-2.启动项目技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-3.element-ui和vue-router路由的安装和使用技能学习：学习使用Node.js + Vue.js，开发前端全栈网站-4.使用axi....

共有11条

< 1 2 >

跳转至： GO

更新时间 2024-03-27 09:12:59

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

JavaScript学习相关内容

JavaScript更多学习相关

JavaScript您可能感兴趣

产品推荐

{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"iconImg":"https://img.alicdn.com/tfs/TB1JWN9qggP7K4jSZFqXXamhVXa-200-200.png","ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","title":"Node.js 性能平台","des":"Node.js 性能平台（Node.js Performance Platform）是面向中大型 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化等服务的整体性解决方案。提供完善的工具链和服务，协助客户主动、快速发现和定位线上问题。","btn1":"申请开通","link1":"https://common-buy.aliyun.com/?spm=5176.179584.935956.btn1.6bd0276eYr3tGs&commodityCode=npp#/open","contentLink":"https://www.aliyun.com/product/nodejs","btn2":"产品文档","link2":"https://help.aliyun.com/product/60298.html?spm=5176.179584.935956.btn2.6bd0276eYr3tGs","infoGroup":[{"infoName":"入门指导","infoContent":{"firstContentName":"产品快速入门","firstContentLink":"https://help.aliyun.com/knowledge_detail/60338.html?spm=5176.179584.935963.2.6bd0276eYr3tGs","lastContentName":"常见问题","lastContentLink":"https://help.aliyun.com/knowledge_detail/60418.html?spm=5176.179584.935963.3.6bd0276eYr3tGs"}},{"infoName":"最佳实践","infoContent":{"firstContentName":"内存泄露案例","firstContentLink":"https://help.aliyun.com/document_detail/64011.html?spm=a2c4g.11174283.6.570.159030b1bBdKke"}},{"infoName":"产品动态","infoContent":{"firstContentName":"产品最新动态","firstContentLink":"https://www.aliyun.com/product/news?spm=5176.179584.1266814.211view.6bd0276eYr3tGs&category=233&product=261"}}],"btn3":""}],"card":[],"search":[],"infoCard":[],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"optioninfo":{"dynamic":"ture","static":"true"},"simplifiedDisplay":"newEdition","newCard":[{"iconImg":"https://img.alicdn.com/tfs/TB1JWN9qggP7K4jSZFqXXamhVXa-200-200.png","ifIcon":"img","link":"https://img.alicdn.com/tfs/TB1XY8hGYr1gK0jSZFDXXb9yVXa-1740-328.png","title":"Node.js 性能平台","des":"Node.js 性能平台（Node.js Performance Platform）是面向中大型 Node.js 应用提供 性能监控、安全提醒、故障排查、性能优化等服务的整体性解决方案。提供完善的工具链和服务，协助客户主动、快速发现和定位线上问题。","btn1":"申请开通","link1":"https://common-buy.aliyun.com/?spm=5176.179584.935956.btn1.6bd0276eYr3tGs&commodityCode=npp#/open","contentLink":"https://www.aliyun.com/product/nodejs","btn2":"产品文档","link2":"https://help.aliyun.com/product/60298.html?spm=5176.179584.935956.btn2.6bd0276eYr3tGs","infoGroup":[{"infoName":"入门指导","infoContent":{"firstContentName":"产品快速入门","firstContentLink":"https://help.aliyun.com/knowledge_detail/60338.html?spm=5176.179584.935963.2.6bd0276eYr3tGs","lastContentName":"常见问题","lastContentLink":"https://help.aliyun.com/knowledge_detail/60418.html?spm=5176.179584.935963.3.6bd0276eYr3tGs"}},{"infoName":"最佳实践","infoContent":{"firstContentName":"内存泄露案例","firstContentLink":"https://help.aliyun.com/document_detail/64011.html?spm=a2c4g.11174283.6.570.159030b1bBdKke"}},{"infoName":"产品动态","infoContent":{"firstContentName":"产品最新动态","firstContentLink":"https://www.aliyun.com/product/news?spm=5176.179584.1266814.211view.6bd0276eYr3tGs&category=233&product=261"}}],"btn3":""}],"card":[],"search":[],"infoCard":[],"title":{"mainTitle":"mPaaS","subtitle":"源自于支付宝小程序框架，亿级线上业务体量的锤炼，安全性媲美支付宝原生能力。不仅面向自有 App 投放小程序，更可快速构建打包，覆盖支付宝、淘宝、钉钉等应用。","linkUrl":"https://www.aliyun.com/product/mobilepaas/mpaas-miniprogram","btnText":"查看详情"},"visual":{"topbg":"https://img.alicdn.com/tfs/TB1bQuBIYH1gK0jSZFwXXc7aXXa-3840-740.gif","icon":"","textColor":"dark"},"dataList":[{"summary":"啦啦啦","author":"wuwu","linksUrl":"#"}],"sceneCard":[],"txt":[]}}