分类 默认分类 下的文章

IDEA用Spring Initializr创建一个新的工程

创建如下目录和文件:

test.css

.my-style {color: #409EFF}

test.js

function sayHello() {
    alert('显示该弹窗因为引入了test.js')
}

index.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
</head>
<body>
    主页
</body>
</html>

test.html

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <link rel="stylesheet" href="/css/test.css" type="text/css">
</head>
<body>
    <p class="my-style">这段文字颜色因引入test.css而改变</p>
    <p><button onclick="sayHello()">点击按钮</button></p>
    <p><img src="/image/win95.jpg" width="300px"></p>
    <script src="/js/test.js"></script>
</body>
</html>

运行项目,访问127.0.0.1:8080

访问127.0.0.1:8080/test.html

点击按钮

以后项目中,如果前端是webpack打包,直接把打包资源放public文件夹即可

  • Oracle JDK8u201:直接官网下载,并配置环境变量
  • Maven 3.6.3:直接官网下载,并配置环境变量
  • IDEA 2019.3.5 Ultimate:直接官网下载安装。不推荐IDEA 2019.1.2版本,跟Maven 3.6.3配合使用会报错
  • Maven配置1:在settings.xml里的profiles节点添加:

    <profile>
    <id>jdk-1.8</id>
    <activation>
      <activeByDefault>true</activeByDefault>
      <jdk>1.8</jdk>
    </activation>
    <properties>
      <maven.compiler.source>1.8</maven.compiler.source>
      <maven.compiler.target>1.8</maven.compiler.target>
      <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion>
    </properties>
    </profile>
  • Maven配置2:在settings.xml里的mirrors节点添加:

    <mirror>
    <id>nexus-aliyun</id>
    <mirrorOf>central</mirrorOf>
    <name>Nexus aliyun</name>
    <url>http://maven.aliyun.com/nexus/content/groups/public</url>
    </mirror>
  • IDEA配置如图:

强烈建议用自己的Maven而不是IDEA自带的。昨天在开发Mybatis-Plus时,引用资源jar一直下载不下载,改用自己的Maven配合阿里云镜像就可以了

整理自Vue入门视频教程:https://www.bjsxt.com/down/11723.html

  • 百度搜索vs code去官网下载安装vs code
  • 在Vscode里安装Vetur插件,装下载次数最多的那个
  • 百度搜索Node.js去官网下载并安装Node.js
  • 安装Webpack
npm install webpack -g

如果Mac提示权限问题可以在命令行前面加上sudo

  • 安装Vue CLI
npm install -g @vue/cli
  • vs code打开一个文件夹,终端执行命令创建vue项目
vue create project-name

选择手动配置,回车,然后勾选Babel、PWA、Router、CSS,回车然后选择Less
win10可能会提示“vue : 无法加载文件 C:/Users/John/AppData/Roaming/npm/vue.ps1,因为在此系统上禁止运行脚本”,把这个报错拿去百度,一般第一条就是解法

  • 进入project-name文件夹,运行项目:
npm run serve
  • 添加组建方式:在src目录下新建components目录,然后在目录里新建组建文件Hello.vue。在App.vue里面添加
import Hello from './components/Hello.vue'

在export default里添加

components: {
    Hello
}

这样就可以在div里引用它:

<hello />
  • 更多组建的高级复用方式,可以去vue官网查看Prop和$emit
  • 路由的使用:之前创建项目时选择了Router就可以直接用,路由的使用,包括二级路由,请看顶部视频教程
  • 调试时跨域的处理:请看顶部视频
  • Element-UI的使用,执行安装:
vue add element

随着市场成熟,云服务器价格趋于稳定,在没有节日促销情况下购买,基本都是买在最高点。
如果是小公司或者个人使用,建议可以考虑阿里云的轻量应用服务器:链接直达
来看一下对比价格:
轻量应用服务器,2核 1G 30Mbps:24元/月

同区域普通ECS服务器,1核 1G 30Mbps:2760元/月

虽然说轻量的月流量为1TB,但是正常情况下,几乎用不到那么多流量
当然,ECS贵有贵的道理,比如负载均衡等高级功能,除非你用得到,否则没必要多花100倍的钱去买这么高配置。
阿里云轻量应用服务器:链接直达