贪吃蛇OneDay_资讯_银财中国网

贪吃蛇OneDay

创始人

2024-01-20 11:33:57

0次

环境

配置git环境
安装Git Bash（使用Mac和Linux的同学可以跳过这一步）：https://gitforwindows.org/
进入家目录生成秘钥：执行命令ssh-keygen
在Ac Git上注册账号，地址：https://git.acwing.com/
将id_rsa.pub的内容复制到Ac Git上

1.创建IndexController

@CrossOrigin 解决跨域问题

@RestController 返回Json形式的数据给前端

@Requstmapping 父路径

@GetMapping Get形式的请求返回一个map

package com.wsz.backend.controller.pk;import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import java.util.HashMap;
import java.util.Map;@CrossOrigin
@RestController
@RequestMapping("/pk")
public class IndexController {@GetMapping("/getbotinfo")public Map index(){Map map = new HashMap<>();map.put("bot_name","wsz");map.put("bot_rating",1900);return map;}
}

修改端口号为3000

application.properties

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oySkY55L-1667654061916)(C:\Users\wangs\AppData\Roaming\Typora\typora-user-images\image-20221105204003778.png)]$

前端部分

1.下载node.js

2.下载vue3

安装 npm i -g @vue/cli

vue -V: @vue/cli 5.0.8

3.创建vue项目

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-e5gAhwGn-1667654061918)(C:\Users\wangs\AppData\Roaming\Typora\typora-user-images\image-20221105204725148.png)]$

选项全关闭

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LS3A66nL-1667654061919)(C:\Users\wangs\AppData\Roaming\Typora\typora-user-images\image-20221105205140928.png)]$

web项目

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XdqT2P1H-1667654061921)(C:\Users\wangs\AppData\Roaming\Typora\typora-user-images\image-20221105205246143.png)]

下载vuex和vue-router插件

依赖下载

bootstrap和jquery

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VrxXt9u8-1667654061922)(C:\Users\wangs\AppData\Roaming\Typora\typora-user-images\image-20221105205439753.png)]$

启动后为这样就是成功了

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wJ9Nq1PB-1667654061924)(C:\Users\wangs\AppData\Roaming\Typora\typora-user-images\image-20221105205541974.png)]$

acapp项目只要下载vuex插件

删除views中内容

修改router中index内容

import { createRouter, createWebHistory } from 'vue-router'const routes = [
]const router = createRouter({history: createWebHistory(),routes
})export default router

删除components中内容

修改App.vue内容

结果

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5LfcRugX-1667654061926)(C:\Users\wangs\AppData\Roaming\Typora\typora-user-images\image-20221105210035671.png)]$

最后提交git

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VoIbcmrV-1667654061928)(C:\Users\wangs\AppData\Roaming\Typora\typora-user-images\image-20221105210113518.png)]$

上一篇：窗帘墙布完美搭配，让居室更加温馨有品味 - 江南爱窗帘十大品牌

下一篇：SnowNLP使用自定义语料进行模型训练（情感分析）

贪吃蛇OneDay

相关内容

热门资讯