公司做网站注意事项,承揽合同和建设工程合同的区别,响应式表白网站源码,微信公众号登录不上项目设计 名称#xff1a;KOB 项目包含的模块 PK模块#xff1a;匹配界面#xff08;微服务#xff09;、实况直播界面#xff08;WebSocket协议#xff09; 对局列表模块#xff1a;对局列表界面、对局录像界面 排行榜模块#xff1a;Bot排行榜界面 用户中心模块… 项目设计 名称KOB 项目包含的模块 PK模块匹配界面微服务、实况直播界面WebSocket协议 对局列表模块对局列表界面、对局录像界面 排行榜模块Bot排行榜界面 用户中心模块注册界面、登录界面、我的Bot界面、每个Bot的详情界面 前后端分离模式 SpringBoot实现后端 Vue3实现Web端和AcApp端 配置git环境 安装Git Bashhttps://gitforwindows.org/ 进入家目录生成秘钥执行命令ssh-keygen git托管平台Ac Git 将id_rsa.pub的内容复制到Ac Git上 创建项目后端 https://start.spring.io/加载慢的话可以换成https://start.aliyun.com 创建项目Web端与AcApp端 vscode下载地址https://code.visualstudio.com/ Vue3 6.1 Vue3——网站整体布局、用户动态页面 6.2 Vue3——用户列表、登录、注册页面 在SpringBoot中解决跨域问题 添加配置类CorsConfig package com.kob.backend.config;import org.springframework.context.annotation.Configuration;import javax.servlet.*; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException;Configuration public class CorsConfig implements Filter {Overridepublic void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {HttpServletResponse response (HttpServletResponse) res;HttpServletRequest request (HttpServletRequest) req;String origin request.getHeader(Origin);if(origin!null) {response.setHeader(Access-Control-Allow-Origin, origin);}String headers request.getHeader(Access-Control-Request-Headers);if(headers!null) {response.setHeader(Access-Control-Allow-Headers, headers);response.setHeader(Access-Control-Expose-Headers, headers);}response.setHeader(Access-Control-Allow-Methods, *);response.setHeader(Access-Control-Max-Age, 3600);response.setHeader(Access-Control-Allow-Credentials, true);chain.doFilter(request, response);}Overridepublic void init(FilterConfig filterConfig) {}Overridepublic void destroy() {} } 依托平台  https://botzone.org.cn/ 项目概图 backend笔记 IDEA创建项目 1.创建项目注意选用java8版本配置maven选用SpringWeb(前后端不分离再选用) 2.本地测试网络127.0.0.1 3.controller下的BotInfoController 4.url服务器 RestController RequestMapping(/pk/) public class BotInfoController {RequestMapping(getbotinfo/)public ListMapString,String getinfo(){ListMapString ,String listnew LinkedList();MapString,String bot1new HashMap();bot1.put(name,jk);bot1.put(rating,78789);MapString,String bot2new HashMap();bot2.put(name,black);bot2.put(rating,19999);list.add(bot1);list.add(bot2);return list;} } 使用Vue 1.安装node.js 2.在WindowsPowerShell下执行npm i -g vue/cli 如果执行后面的操作有bug可能是最新版有问题可以尝试安装早期版本 比如npm i -g vue/cli5.0.4 启动vue自带的图形化项目管理界面 vue ui 常见问题1Windows上运行vue提示无法加载文件表示用户权限不足。 解决方案用管理员身份打开终端输入set-ExecutionPolicy RemoteSigned然后输入y vue ui(若vue ui报错cannot read prop***尝试换用新版本) 常见问题2之前配置过Hadoopyarn可以操作jsvue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案-CSDN博客 创建web项目 问题1创建项目出错可能需要重新配置 问题2卡着不动需要切换目录 使用Vue ui创建项目一直刷新_node.js创建vue ui界面一直跳转-CSDN博客 添加插件vue-router     vuex 安装依赖 bootstrap jquery 任务server    运行   输出  创建acapp 添加插件vuex 任务server    运行   输出    消除# 去掉createWebHashHistory ........ vue文件包括 template  -------html script------------js style ---------css 解决跨域问题后端添加config/CorsConfig.java import org.springframework.context.annotation.Configuration;import javax.servlet.*; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException;Configuration public class CorsConfig implements Filter {Overridepublic void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {HttpServletResponse response (HttpServletResponse) res;HttpServletRequest request (HttpServletRequest) req;String origin request.getHeader(Origin);if(origin!null) {response.setHeader(Access-Control-Allow-Origin, origin);}String headers request.getHeader(Access-Control-Request-Headers);if(headers!null) {response.setHeader(Access-Control-Allow-Headers, headers);response.setHeader(Access-Control-Expose-Headers, headers);}response.setHeader(Access-Control-Allow-Methods, *);response.setHeader(Access-Control-Max-Age, 3600);response.setHeader(Access-Control-Allow-Credentials, true);chain.doFilter(request, response);}Overridepublic void init(FilterConfig filterConfig) {}Overridepublic void destroy() {} }