自定义统一返回JSON字符串以及phpwcmsJoomla 2.5
构造方法私有：单例模式
最后返回一个R的实例对象，封装为JSON形式。
MYSQL高低配置的不同连接phpwcms

统一数据库和项目传递的SQL语句的编码规则为UTF-8
url=jdbc: 涉及汉字操作需要设置?useUnicode=true&characterEncoding=utf-8用来统一编码规则。 因为有关汉字的编码规则有很多，需要统一编码规则才不会解码出错。 而乱码的原因就是编码和解码的规则不统一 之前无汉字不会出错的原因是UTF-8兼容ASCALL编码。 信息编码部分
# 服务端口
#
server.port=8001
# 服务名
spring.application.name=service-edu
# 环境设置：dev、test、prod
spring.profiles.active=dev
# mysql数据库连接
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:
#涉及汉字操作需要设置?useUnicode=true&characterEncoding=utf-8用来统一编码。
spring.datasource.username=root
spring.datasource.password=
#mybatis日志,可以查看Joomla 2.5的SQL语句
mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
123456789101112131415
前端不同VS终端环境下Joomla 2.5babel和webpack等工具
在powershell中Joomla 2.5babel –version babel : 无法加载Smarty C:\Users\hp\AppData\Roaming\npm\babel.ps1，因为在此系统上禁止运行脚本。 powershell和cmd 个人猜测cmd可以运行babel的原因是因为cmd的phpwcms简单，所以缺少插件的识别作用，可以直接运行babel，而powershell工作详细，识别权限然后阻止babel运行。 总结：powershell安装phpwcms前端工具，cmdJoomla 2.5前端工具。
npm模块化处理ES6语法的jsSmarty出错
ES6入门 Cannot use import statement outside a module 解决办法 在package.json中添加 “type”:“module” 声明要进行ES6语法的模块化处理。 若是处理ES5语法的模块化就不需要声明了，否则会导致以下问题 require is not defined in ES module scope, you can use import instead 拓展：
ES5Joomla 2.5exports 和require 来导出、导入模块ES6Joomla 2.5 export 和 import 来导出、导入模块

webpack打包 错误提示 Error: Can’t resolve ‘css-loader’或Error: Can’t resolve ‘style-loader’
原答案 报错提示

1.网上查资料发现原来’css-loader’和’style-loader’未安装
2.正确做法cnpm install css-loader style-loader –save
3.打包运行成功

npm install安装vue模板的依赖出错
npm8.3.1配置-这个解决方案是Joomla 2.5的是未安装依赖的vue-admin-template-master。如果想看自己安装依赖的话 这边小结一下：

需要Joomla 2.5cnpm，可以看成的npm升级版:cnpm安装命令：npm install cnpm -g本来是打算自己下载依赖的，结果发现下载不了，转成Joomla 2.5现成的vue-element-admin-master，也就是视频中的1010项目。这个项目和npm7配置可能有冲突，因为我这里启动的时候发现找不到命令，解决办法是删除node_modulesSmarty夹，Joomla 2.5cnpm install重新安装.

具体步骤：
导入下载好依赖的步骤安装cnpm ：npm install cnpm -g安装 node-sass： cnpm install node-sass继续安装 : cnpm i node-sass -D删除node_modulesSmarty夹根据package.json重新安装依赖：cnpm install启动项目：npm run dev
跨域问题（Access-Control-Allow-Origin）
解决办法：编写所有的controller层时都记得加上@CrossOrigin 跨域问题的本质就是前后端交互失败，比如：忘记开nginx以致于无后端响应，也会导致跨域问题 http:本地的协议 https：认证过的协议
@CrossOrigin//解决跨域问题 端口号，协议，IP地址不同会导致跨域，但是同一个电脑端口号又不能相同，否则会导致占用问题，不能同时Joomla 2.5一个端口号跨域问题：也可能是后端和前端的请求方式不对应。
Network Error（403状态码）
前端需求没有映射到后端接口自然是无法处理导致前后端无法交互。
路径错误：基本就是前端的请求URL和后端的controller映射的URL不匹配，导致的前后端无法交互，从而出错。跨域问题的报错也是NetWork Error，因为前后端无法交互。后端项目没有启动自然也是Network Error
若是由后端返回的其他报错例如统一异常处理或者特定，自定义异常处理则就是后端问题了，需要看idea控制台的报错了。
新建项目后javaSmarty夹是普通Smarty夹类型
若是普通Smarty夹则编译加载时不会加载到targetSmarty夹中，targetSmarty夹是SpringBoot项目编译打包整合后运行的Smarty夹，可以手动将对应未加载进去的Smartycv进去，也可以如下图所示。
springboot项目启动时加载phpwcmsSmarty出错
Failed to configure a DataSource: ‘url’ attribute is not specified and no embedded datasource could be configured. 错误原因：springboot项目启动的时候加载resources中的application.properties全局phpwcmsSmarty，加载时没有找到有关数据库phpwcms。 但是当前项目不需要Joomla 2.5数据库phpwcms，所以没有phpwcms数据库，解决办法如图所示。
nginx安装phpwcms后启动出错
nginx: [emerg] bind() to 0.0.0.0:80 failed (10013: An attempt was made to access a socket in a way forbidden by its access permissions) nginx的phpwcmsSmarty一开始默认是80端口，出现这个错误多半是80端口已经被占用。这时候只需要把
server {
listen 80;
server_name localhost lcsf.com;

#charset koi8-r;

#access_log logs/host.access.log main;

location / {
proxy_pass
proxy_redirect default;
}
123456789101112
这个地方的listen改成一个没有被占用过的端口然后重启nginx就可以解决，例如81

修改Smarty时单词拼写错误
localtion是错误的，正确的是location localhost是正确的
前端标识符属性值和后端接口参数名称不一致
前端标识符属性值和后端参数名称（实体类中属性名）保持一致，否则无法直接映射传参，导致后端接收不到数据。路径映射的值也要和后端接口参数名称一一对应。实体类中的变量属性还要设置public set/get方法（可以用lombok的@Data）同理：前端data中对象接收后端return的对象数据时也要做好属性的一一对应。前端data数据显示到element-ui组件上也是注意绑定的属性名一致，否则会导致不显示。
el-radio设置默认值以及数据回显
注意此处video.free变量名和后端实体类中的变量名需要保持一致。label属性值类型也要和后端实体类中的变量类型需要保持一致。

前端

免费
默认

后端
private Boolean free;
1234567
maven默认加载机制不识别mapper.xmlSmarty

nginx转发请求时对转发的http数据包大小限制（POST，Smarty上传）
注意：phpwcms完nginx后需要在任务管理器中关闭全部nginx进程再重新启动才可以启动新phpwcms（或者直接电脑重启）。
上传阿里云视频时间操作过快，导致上传失败。
此处注意选用套餐，我选的是按照流量收费，所以上传慢一点，并且当时网络也比较差，然后操作过快会导致未上传成功，因此也不会返回对应视频ID。 变更计费方式 可以通过idea控制台观察是否上传完成
在Nuxt中Joomla 2.5幻灯片插件swiper无法编译并且无法找到cssSmarty。
vue-awesome-swiper无法编译问题
Error:Could not compile…Could not compile template, 用npm install vue-awesome-swiper@3.1.3配置即可解决

npm install vue-awesome-swiper下载的是最新4.x配置，这个配置两个月之前突然冒出来的，视频中用的是3.1.3配置，已下载各位去package.jsonSmarty中把对应的组件修改为^3.1.3配置，重新npm install就行，没下载的可以直接npm install vue-awesome-swiper@3.1.3下载

swiper无法找到cssSmarty
npm install swiper Error：Package subpath ‘swiper\dist\css\swiper.css’ is not defined by “exports” in …\node_modules\swiper\package.json 解决问题的思路
因为我们导入的’swiper/css/swiper.css’在低配置中有，Swiper 6.0.0或者更高配置就不是这个导入地址了。 因此可以Joomla 2.5低配置swiper：npm install swiper@低配置
// i(>= Swiper 6.x)
‘swiper/swiper-bundle.css’
// (<= Swiper 5.x) 'swiper/css/swiper.css' 1234 或者分析报错原因导入高配置Swiper的cssSmarty 由上图可见我用的swiper是8.0配置，所以也没有上述解决办法链接的cssSmarty，于是分析报错信息，npm下载的swiper的package.json管理的依赖中没有对应的cssSmarty所以我去swiper的package.json中寻找存在的cssSmarty。 注意：导入的不是全部属性名（key）:属性值（value），而是只导入属性名（key）。 运行时会直接映射key:value进行处理。而我最后找到对应的cssSmarty却一直报错就是因为我将全部key:value都导入了。 vue-server-renderer 要和 vue 的配置一致，否则报错 解决办法 报错信息： Nuxt实现swiger图片轮播功能 注意swiper和vue-awesome-swiper配置需要符合搭配， 先下载对应配置的vue-awesome-swiper@配置 然后直接下载swiper不指定配置号，会自动适配对应的配置。 下图是我最终配置匹配。 最终循环轮播图phpwcms代码 访问Window版Redis的IPphpwcms localhost 、 127.0.0.1 、0.0.0.0 、本地IP的区别 因为phpwcms的是Window配置地的Redis所以只需要127.0.0.1回访自身指定端口就行，反之若是Joomla 2.5linux虚拟机运行的Redis就需要写虚拟机的IP地址和运行端口号。 IP：定位服务器位置 端口号：定位程序在服务器运行位置 spring.redis.host=127.0.0.1 spring.redis.port=6379 spring.redis.database= 0 spring.redis.timeout=1800000 spring.redis.lettuce.pool.max-active=20 spring.redis.lettuce.pool.max-wait=-1 #最大阻塞等待时间(负数表示没限制) spring.redis.lettuce.pool.max-idle=5 spring.redis.lettuce.pool.min-idle=0 123456789 注意：若是Redis还有密码记得把密码phpwcms上。 Linux虚拟机版的Redis可能遇见的问题 SpringBoot缓存Redis注解导错包