1. 安装 使用官网提供的脚手架工具 create-nuxt-app,创建一个nuxtjs项目. npx create-nuxt-app xianyun 注意:在NPM版本5.2.0默认安装了npx,在命令行窗口输入npm --version可查看当前版本号 需要等待片刻安装依赖的下载,下载完成后可以看到下面的提示框,要求输入项目名称. UI框架我们选择通用的Element-ui. 这里和接下来的提示都不需要输入任何内容,回车即可,直到要求选择服务器端框架. 服务器端框架选择none,代表使用N…

页面效果: 1.初始化默认布局 nuxtjs提供了一个公共布局组件layouts/default.vue,该布局组件默认作用于所有页面,所以我们可以在这里加上一些公共样式,在下一小结中还会导入公共组件. 替换layouts/default.vue代码如下: <template> <div> <!-- 内容占位组件 --> <nuxt /> </div> </template> <script> export default…

主要知识点: 1.使用vuex/store管理数据 2.登录注册逻辑 3.Nuxt的本地存储 1.登录页面 1.1登录页面布局 替换pages/user/login.vue的代码如下 <template> <div class="container"> <!-- 主要内容 --> <el-row type="flex" justify="center" align="middle" c…

1.项目介绍 项目github地址:https://github.com/replaceroot/React-manageSystem  项目整体架构: 课程大纲:     第一章:React基础知识     第二章:主页面架构设计     第三章:Router4.0 路由实战演练     第四-六章:常用UI组件     第七.八章:单车业务基本功能开发     第九章:项目工程化开发     第十到十三章:单车业务核心模块开发     第十四章:Redux集成   补充:调用setState…

项目环境: spring4.1.6 hibernate4.3.11 spring-data-jpa1.9.0 1. 创建一个Java Project,将jar导入到lib目录下 #spring spring-aop-4.1.6.RELEASE.jar spring-aspects-4.1.6.RELEASE.jar spring-beans-4.1.6.RELEASE.jar spring-context-4.1.6.RELEASE.jar spring-context-support-4.1.…

前端渲染:vue.react等单页面项目应该这样子部署到服务器 貌似从前几年,前后端分离逐渐就开始流行起来,把一些渲染计算的工作抛向前端以便减轻服务端的压力,但为啥现在又开始流行在服务端渲染了呢?如vue全家桶或者react全家桶,都推荐通过服务端渲染来实现路由.搞得我们慌得不行,不禁让我想起一句话:从来没有任何一门语言的技术栈像Javascript一样,学习者拼尽全力也不让精通.没办法,流行,咱们就得学! 前断时间写了一篇vue.react等单页面项目应该这样子部署到服务器,结果反响不错!最近…

前面两篇分别介绍了目前流行的模板引擎Freemaker和Thymeleaf构建web应用的方式,接下来我们看一下号称性能最好的国产模板引擎Beetl,如何搭建web环境 本文主要来自官方文档,如有疑问,推荐查看: http://ibeetl.com/guide/#beetl I. 准备 1. 依赖 首先我们是需要一个springboot项目,基本的pom结构大都相似 <parent> <groupId>org.springframework.boot</groupId>…

上一篇博文介绍了如何使用Freemaker引擎搭建web项目,这一篇我们则看一下另外一个常见的页面渲染引擎Thymeleaf如何搭建一个web项目 推荐结合Freemaker博文一起查看,效果更佳 190816-SpringBoot系列教程web篇之Freemaker环境搭建 I. 准备 Thymeleaf 是现代化服务器端的Java模板引擎,不同与JSP和FreeMarker,Thymeleaf的语法更加接近HTML,关于它的使用说明,可以参考官方文档 https://www.thymelea…

现在的开发现状比较流行前后端分离,使用springboot搭建一个提供rest接口的后端服务特别简单,引入spring-boot-starter-web依赖即可.那么在不分离的场景下,比如要开发一个后端使用的控制台,这时候可能并没有前端资源,由javaer自己来客串一把,我希望简单一点,前后端项目都集成在一起,一个jar包运行起来就完事,可以怎么搞呢? 本篇将介绍一下如何使用springboot集合freemaker引擎来搭建web应用 I. 准备 Freemaker是模板引擎,和jsp的作用差…

Hadoop生态圈-Hive快速入门篇之Hive环境搭建 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.数据仓库(理论性知识大多摘自百度百科) 1>.什么是数据仓库 数据仓库,英文名称为Data Warehouse,可简写为DW或DWH.数据仓库,是为企业所有级别的决策制定过程,提供所有类型数据支持的战略集合.它是单个数据存储,出于分析性报告和决策支持目的而创建. 为需要业务智能的企业,提供指导业务流程改进.监视时间.成本.质量以及控制. 2>.数据仓库的特点 第一:数…

缘起 哈喽大家周二好呀,刚刚经历过了几天火车抢票,整个人都不好了,不知道小伙伴对今年的春节是否还一如既往的期待呢,眼看都要春节了,本来也想写篇2018总结篇,但是怕不免会出现鸡汤文的窠臼嫌疑,想想还是算了,这几天和老李聊起来关于写博客文章,总感觉这一系列还没有写完,或者说还有一些没有收尾好,眼看就要春节了,周末我也好好的整理整理思路,决定临时开一个4-6篇的小系列文章 —— 基于Nuxt.js框架的提Bug小项目(命名为 tBug),当然以后会增加更多的功能,这个只是1.0版本,你一定好奇为啥要…

学习selenium python需要的工具: 1.浏览器 2.Python 3.Selenium 4.FireBug(Firefox) 5.chromedriver.IEDriverServer.geckodriver 6.IDE(Pycharm/Sublime/Eclipse等等)   一.浏览器 Selenium支持很多浏览器,那么要选择哪个浏览器?选择哪个版本呢?小白建议用Firefox,当然Chrome,IE,Safari等浏览器也是支持的,只是需要相应的驱动driver. 这里小编推…

原文链接:https://www.cnblogs.com/sanzangTst/p/7452922.html 鸣谢参藏法师. 学习selenium python需要的工具: 1.浏览器 2.Python 3.Selenium 4.FireBug(Firefox) 5.chromedriver.IEDriverServer.geckodriver 6.IDE(Pycharm/Sublime/Eclipse等等)   一.浏览器 Selenium支持很多浏览器,那么要选择哪个浏览器?选择哪个版本呢?…

Cordova大家可能比较陌生,但肯定听过 PhoneGap ,Cordova 就是 PhoneGap 被 Adobe 收购后所改的名字.它是一个可以让 JS 与原生代码互相通信的一个库,并且提供了一系列的插件类(如 JS 直接操作本地数据库的插件类). 目前Cordova支持的平台,摘自Cordova官网,它们分别是Android.iOS.Windows Phone.BlackBerry.ubuntu.火狐.LGwebOS.FireOS. 环境搭建 检测是否安装了node.js 打开终端输入n…

从今天开始,我将用PHP开发一些小的网站,大家知道LAMP(Linux)组合的优势,使PHP受到广大中小企业的喜欢.使PHP与JAVA,ASP三分天下,PHP具有跨平台性,所以在windows一样是可以安装使用的.PHP的开发工具,在这里推荐使用xampp软件包(原因是熟悉,好用且及时更新). 1:首先下载XAMPP,下载地址:https://www.apachefriends.org/download.html.(注意,本文使用是1.8.3版本进行安装和讲解的) 2:安装的步骤就不用多说了,就…

一.环境配置 1.  下载安装MinGW      地址  http://sourceforge.net/projects/mingw/ 2.  设置环境变量            在path变量中,添加路径mingw的路径,如C:\Program Files\MinGW\bin 二.编辑源代码    Windows命令行使用GNU编译器      经过上述两步,就可以在在Windows中使用命令行窗口来模拟Linux终端了. 1.  新建 main.c 文件            通过edit…

安装不易,且安且珍惜! 1 下载 Java JDK (http://java.sun.com/javae/downloads/ ) (Windows 版) [配置环境变量]:安装完成后,设置JAVA_HOME环境变量以指向JDK安装文件夹: [具体操作]:[开始] —> [我的电脑] —> [右键属性] —> [高级] —> [单击环境变量] (单击“新建”添加JAVA_HOME变量,如果该变量已经存在,单击“编辑”修改它,JAVA_HOME的值类似于D:\Program File…

归结一下,需要进行Android开发所需要的工具或软件: Eclipse - Android是基于JAVA的开发,所以选用目前来说使用较高的Eclipse作为IDE. ADT (Android Developer Tools) Android SDK 1.下载Eclipse3.7,登录http://www.eclipse.org/downloads/,下载Eclipse Classic 3.7: 如果你的机器没有安装JDK或者JRE的话,在Eclipse的安装过程中会提示你指定JDK或者JRE的…

戳更多文章: 1-Flink入门 2-本地环境搭建&构建第一个Flink应用 3-DataSet API 4-DataSteam API 5-集群部署 6-分布式缓存 7-重启策略 8-Flink中的窗口 9-Flink中的Time Flink时间戳和水印 Broadcast广播变量 FlinkTable&SQL Flink实战项目实时热销排行 Flink写入RedisSink 17-Flink消费Kafka写入Mysql 本地安装单机版本Flink 一般来说,线上都是集群模式,那么单机模…

一.CCS3.3安装: 下载解压CCS3.3的破解安装包如下所示,双击setup准备安装(SEED开发者论坛资料:http://www.seeddsp.com/bbs/forum.php?mod=viewthread&tid=230&highlight=CCS3.3): 双击之后如下图所示(单击next,一路同意就行了需要注意的就是安装路径的地方): 这里选择安装路径时可以自定义(注:这里还需要选择你的设备的型号,不要选错了,也不必多选):         接下来就是一路确定就行了,中途的…

转载请注明作者及出处: 作者:银河架构师 原文链接:https://www.cnblogs.com/luas/p/12061747.html 一.准备工作 查看内核 Docker 要求 CentOS 系统的内核版本高于 3.10,所以要先查看CentOS系统内核版本, 是否满足要求: name -r 结果如图: ​ 由于本文系统为CentOS7.7.1908,内核满足要求. 查看是否有旧版本: docker -v 注意:如显示未找到命令.则也不能完全说明未安装docker,因为可能没有进行相关配…

一.环境搭建 注意:hive版本不能太高,否则会出现兼容性问题 1.1.上传hive安装包 创建文件夹用于存放hive文件命令:mkdir hive 1.2.解压hive安装包 命令:tar -zxvf hive-0.9.0-bin.tar.gz -C /home/bi/hive 1.3.修改环境变量 命令:vi /etc/profile修改内容:export HIVE_HOME=/home/bi/hive/hive-0.9.0-binexport PATH=${JAVA_HOME}/bin:$…

一.环境搭建 1.1.上传spark安装包 创建文件夹用于存放spark安装文件命令:mkdir spark 1.2.解压spark安装包 命令:tar -zxvf spark-2.1.0-bin-hadoop2.7.tgz -C /home/bi/spark 1.3.修改环境变量 命令:vi /etc/profile修改内容:export SPARK_HOME=/home/bi/spark/spark-2.1.0-bin-hadoop2.7export PATH=${JAVA_HOME}/bi…

硬件配置:1台NameNode节点.2台DataNode节点 一.Linux环境配置 这里我只配置NameNode节点,DataNode节点的操作相同. 1.1.修改主机名 命令:vi /etc/sysconfig/network修改内容:NETWORKING=yesHOSTNAME=master命令:hostname master 1.2.修改ip地址(桥接模式) 命令:vi /etc/sysconfig/network-scripts/ifcfg-eth0修改内容:(保留最简配置)DEVIC…

3.1.获取 Spring framework jar 包 (一) spring官网下载 (二)spring的核心包 (三) 配置 XML 1. 新建立一个 xml.名字任意,如 applicationContext.xml(推荐),或者 text.xml 都可以 2. 添加 xml 头定义 1.下载对应的schema到本地, 如: 2.在eclipse中添加 (一) spring官网下载 官网地址:https://spring.io/ 下载地址:https://repo.spring.io/l…

前言:突然想打算把Rust作为将来自己主要的副编程语言.当然,主语言还是C#,毕竟.NET平台这么强大,写起来就是爽.缘起:之前打算一些新的产品或者新的要开发的东西,由于没有历史包袱,就想重新选型一下,在.NET平台(C#语言).Golang.Rust里面进行选择一个.后面随着多方面的对比,最终打算选择Rust,理由是:卧槽,性能有点6!!!于是,就有了下面这个文章,自己搭建环境时候,以及后续的一些基础的操作.性能比较,写成了这个文章,供大家参考戏谑. 废话不多说,直接开撸.以下均是在Windo…

第一节:nuxt.js相关概述 nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染).Vue.js是开发SPA(单页应用)的,Nuxt.js这个框架,用Vue开发多页应用,并在服务端完成渲染,可以直接用命令把我们制作的vue项目生成为静态html. 1.那服务器端渲染到底有什么好处呢? 主要的原因时SPA(单页应用)不利于搜索引擎的SEO操作,Nuxt.js适合作新闻.博客.电影.咨询这样的需要搜索引擎提供流量的项目.如果你要作移动端的项目,就没必要使用这个框…

Nuxt.js简单的说是Vue.js的通用框架,最常用的就是用来作SSR(服务器端渲染).再直白点说,就是Vue.js原来是开发SPA(单页应用)的,但是随着技术的普及,很多人想用Vue开发多页应用,并在服务端完成渲染.这时候就出现了Nuxt.js这个框架,她简化了SSR的开发难度.还可以直接用命令把我们制作的vue项目生成为静态html. 什么是SSR? SSR,即服务器渲染,就是在服务器端将对Vue页面进行渲染生成html文件,将html页面传递给浏览器. SSR两个优点: SEO 不同于S…

Nuxt.js国际化的前提是,已经使用脚手架工具搭建好了Nuxt.js的开发环境. 我使用的环境是nuxt@2.3 + vuetify@1.4 + vue-i18n@7.3 1. 先安装vue-i18n npm install --save vue-i18n 2. 更新store文件 在@/store/index.js文件中,修改添加如下代码: export const state = () => ({ locales: ['en-US', 'zh-CN'], locale: 'en-US' }…

一.为什么要用Nuxt.js 原因其实不用多说,就是利用Nuxt.js的服务端渲染能力来解决Vue项目的SEO问题. 二.Nuxt.js和纯Vue项目的简单对比 1. build后目标产物不同 vue: dist nuxt: .nuxt 2. 网页渲染流程 vue: 客户端渲染,先下载js后,通过ajax来渲染页面: nuxt: 服务端渲染,可以做到服务端拼接好html后直接返回,首屏可以做到无需发起ajax请求: 3. 部署流程 vue: 只需部署dist目录到服务器,没有服务端,需要用ngi…