山东网站seo设计如何查看网站开发单位

当前位置： 首页 > news >正文

山东网站seo设计,如何查看网站开发单位,六安论坛百姓杂谈,网架公司目录 SpringBoot MyBaits-Plus 集成微信支付 之 项目搭建1、创建boot项目2、引入Swagger作用#xff1a;2-1、引入依赖2-2、写配置文件进行测试2-3、访问Swagger页面2-4、注解优化显示 3、定义统一结果作用#xff1a;3-1、引入lombok依赖3-2、写个统一结果的类–RR类的… 目录 SpringBoot MyBaits-Plus 集成微信支付 之 项目搭建1、创建boot项目2、引入Swagger作用2-1、引入依赖2-2、写配置文件进行测试2-3、访问Swagger页面2-4、注解优化显示 3、定义统一结果作用3-1、引入lombok依赖3-2、写个统一结果的类–RR类的代码 3-3、swagger的样子 4、数据库连接4-1、命令行创建数据库4-2、Idea 连接数据库4-3、执行sql脚本 5、集成MyBatis-Plus5-1、引入依赖5-2、配置文件配置数据库连接5-3、定义实体类5-4、定义 MyBatis-Plus 的配置文件5-4-1、测试获取所有商品数据controller 5-4-2、target没有编译xml问题5-4-3 解决方法步骤1测试步骤1步骤2测试步骤2 6、搭建前端环境6-1、安装 Node.js 运行环境6-2、检查版本号6-3、运行前端项目6-4、前后端跨域6-5、安装 Visual Studio Code 编译器6-5-1、修改背景颜色6-5-2、修改左侧边框颜色6-5-3、安装插件 7、Vue.js 入门7-1、安装脚手架7-1-1、配置淘宝镜像7-1-2、全局安装脚手架 7-2、创建项目7-3、启动项目7-4、访问项目7-5、创建项目遇到的问题7-6、安装 Vue 调试工具7-6-1谷歌7-6-2微软 7-7、一点前端知识7-7-1、数据绑定7-7-2、双向数据绑定7-7-3、事件处理 未完待续~~~ SpringBoot MyBaits-Plus 集成微信支付 之 项目搭建 1、创建boot项目 创建SpringBoot项目写一个测试方法运行成功则项目创建完成。
2、引入Swagger 作用 自动生成接口文档和测试页面。 2-1、引入依赖 !–swagger 作用自动生成接口文档和相关测试页面。–dependencygroupIdio.springfox/groupIdartifactIdspringfox-swagger2/artifactIdversion2.7.0/version/dependency!–swagger ui 作用展示具体的html页面、接口文档、测试页面–dependencygroupIdio.springfox/groupIdartifactIdspringfox-swagger-ui/artifactIdversion2.7.0/version/dependency2-2、写配置文件进行测试 2-3、访问Swagger页面 2-4、注解优化显示 3、定义统一结果 作用 作用定义统一响应结果为前端返回标准格式的数据。 3-1、引入lombok依赖 简化实体类的开发
3-2、写个统一结果的类–R 链式操作–可以一直加data数据 R类的代码 Data // 作用让这个R对象可以进行链式操作就是R.ok().setData(map) 这种 // 而且原本setData的返回值是void加了这个注解返回值就是R对象了 Accessors(chain true) public class R {private Integer code; //响应码private String message; // 响应消息private MapString, Object data new HashMap();//成功响应的方法public static R ok(){R r new R();r.setCode(0);r.setMessage(成功);return r;}//响应失败的方法public static R error(){R r new R();r.setCode(-1);r.setMessage(失败);return r;}// 返回的数据public R data(String key , Object value){this.data.put(key,value);return this;} }3-3、swagger的样子 顺便配置json日期格式
4、数据库连接 4-1、命令行创建数据库 winr 输入cmd 打开小黑窗mysql -uroot -p记得后面加分号mysql create database payment_demo;在 navicat 可以看到已经创建出来的数据库 4-2、Idea 连接数据库 时区问题 直接点这个 set time zone然后点 apply 应用
4-3、执行sql脚本 从navicat可以看出有这些表了
5、集成MyBatis-Plus 5-1、引入依赖 !–mysql驱动–dependencygroupIdmysql/groupIdartifactIdmysql-connector-java/artifactId/dependency!–持久层 mybatis-plus 是 mybatis 的增强–dependencygroupIdcom.baomidou/groupIdartifactIdmybatis-plus-boot-starter/artifactIdversion3.3.1/version/dependency5-2、配置文件配置数据库连接 在spring的节点下配置数据库连接 server:port: 8090 # 项目的服务端口spring:application:name: payment-demo # 项目的名字jackson:# 日期格式date-format: yyyy-MM-dd HH:mm:ss# 时区time-zone: GMT8datasource: # mysql数据库连接driver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://localhost:3306/payment_demo?serverTimezoneGMT%2B8characterEncodingutf-8username: rootpassword: 123456 5-3、定义实体类 拷贝导入这些基本代码 实体类、service、impl、mapper 这些是学习视频提供的基本代码太多了就不展示出来了。有用到再截图
5-4、定义 MyBatis-Plus 的配置文件 创建一个 MyBatis-Plus 的配置文件 5-4-1、测试获取所有商品数据 controller 方法中获取所有商品的list方法有MyBatis-Plus提供 成功获取所有商品数据
5-4-2、target没有编译xml问题 maven 工具默认情况下针对java目录下的非java文件不会执行编译的操作所以就丢失了这个xml文件 因为目前还没有用到这些xml文件所以项目可以正常运行但是后面如果要写更复杂的持久层数据需要用到这些xml文件就会报错
5-4-3 解决方法 解决方法两个步骤 步骤1 因为maven工程在默认情况下 src/main/java 目录下的所有资源文件是不发布到 target 目录下的我们在 pom 文件的 节点下配置一个资源发布过滤器 在build /build范围内!– 项目打包时会将java目录中的.xml文件也进行打包 –resourcesresourcedirectorysrc/main/java/directoryincludesinclude**/.xml/include/includesfilteringfalse/filtering/resource/resources测试步骤1 先clean 删掉 target 目录 然后重新编译xml 目录就完整出现了
步骤2 让运行环境能够找到这个target目录下的xml目录 顺便添加个日志记录只要执行到这些xml文件就会打印出日志 测试步骤2 测试这个sql 日志有没有生效 访问下获取所有商品的接口
6、搭建前端环境 6-1、安装 Node.js 运行环境 除了更改安装地址其他的直接下一步
6-2、检查版本号 有版本号说明安装这个 node 环境成功了
6-3、运行前端项目 这个项目是项目视频发布者提供的 命令行运行如图默认是8080端口 记得用管理员运行小黑窗 如图基础页面 课程列表没有数据因为跨域问题没解决拿不到
6-4、前后端跨域 后端这里加个注解前端的跨域代码还没看是怎么写的。 后端控制器类添加这个 CrossOrigin表示这个类的所有方法都支持跨域访问。 前端可以直接通过请求 http://localhost:8090/api/product/list 来获取数据不需要再额外添加跨域相关的代码。
6-5、安装 Visual Studio Code 编译器 一直下一步安装就可以
6-5-1、修改背景颜色 6-5-2、修改左侧边框颜色 把代码改成这样第一次改拼拼凑凑不知道对不对反正左侧边框变白色了。
{workbench.preferredDarkColorTheme: Visual Studio Light,workbench.colorCustomizations: {[Default Light]: {activityBar.activeBackground: #ffffff,activityBar.background: #eeeeee,activityBar.foreground: #000000}},workbench.colorTheme: Default Light,editor.codeActionsOnSave: null }6-5-3、安装插件 安装这三个插件
使用这个编译器看前端的代码了 7、Vue.js 入门 Vue 就是一个渐进式 JavaScript 框架 Vue.js是一个前端框架帮助我们快速构建前端项目。 使用vue有两种方式一个是传统的在 html 文件中引入 js 脚本文件的方式另一个是脚手架的方式。 我们的项目使用的是脚手架的方式。 7-1、安装脚手架 安装完成才可以创建项目。 7-1-1、配置淘宝镜像 #经过下面的配置所有的 npm install 都会经过淘宝的镜像地址下载 npm config set registry https://registry.npm.taobao.org7-1-2、全局安装脚手架 -g 的意思就是全局安装脚手架 就是会安装在我们的操作系统中 npm install -g vue/cli安装完成就可以创建vue项目了。 7-2、创建项目 先进入项目目录Ctrl 然后创建一个项目 输入命令 vue create vue-demo 创建一个 vue-demo 的项目 vue 就是我们刚刚安装的脚手架的一个命令 创建vue项目 创建成功 ctrlL 相当于 linux 的clear直接腾出空间 7-3、启动项目 进入项目文件夹启动项目 因为项目默认端口号是 8080 所以这里可以指定其他的端口号 7-4、访问项目 打开项目的默认页面 App.vue 这个 Vue 项目默认是没有 Html 文件的 开发阶段都是 .vue 格式的但是项目部署到生产服务器上面的话这些文件就都会被转换为 html文件和 js 文件 默认的代码如图 删掉一些默认的页面组件填充自己的内容 删除成最原始的这个样子。
7-5、创建项目遇到的问题 vue项目创建不成功的解决方法 7-6、安装 Vue 调试工具 7-6-1谷歌 原本 F12是这样的没有vue调试窗口
安装 再按 F12 就能出现这个调试功能了。
7-6-2微软 微软浏览器可以直接搜索安装完退出浏览器重新打开就出现了
7-7、一点前端知识 7-7-1、数据绑定 插值表达式 – 用 双大括号来表示
7-7-2、双向数据绑定 数据会绑定到组件组件的改变也会影响数据定义
7-7-3、事件处理 定义事件调用事件
未完待续~~