Java电商项目-3.使用VSFTPD_Nginx完成商品新增

到Github获取源码请点击此处
一. 商品类目查询
二. FTP图片服务器的搭建
Http服务器搭建
- Nginx安装
- 配置Nginx
FtpClient实现文件上传
实现商品新增
实现商品的回显
商品信息修改
往期推荐：

到Github获取源码请点击此处

一. 商品类目查询

功能分析: 在后天管理页面可以添加商品, 添加商品时首先需要选择类目. 在本项目中, 商品的类目选择使用的是异步加载, 当我们点击选择类目时会弹出一级类目, 进一步选择时会弹出二级类目. 这里涉及到tb_item_cat表. 下面进行编码实现

在这里插入图片描述

首先和商品上下架一样, 我们需要在Dubbo中发布远程服务.
先到ashop-rpc-service模块中编写服务接口类

在这里插入图片描述

编写对应的实现类.

在这里插入图片描述

然后在Dubbo配置文件中进行配置, 发布Dubbo服务.

在这里插入图片描述

自此, 商品类目节点查询的远程服务已经编写好.
下面在ashop-manager-web模块中编写和前端交互部分代码.
首先, 我们需要封装响应给前端的数据模型, 需要三个参数: 节点id, 内容text, 状态status

在这里插入图片描述

接下来编写Service接口及其实现类(调用远程服务)

在这里插入图片描述

编写controller

在这里插入图片描述

到spring配置文件中注册远程代理对象

在这里插入图片描述

然后重新打包启动项目: 对整体项目进行install, 然后启动之前在ashop-rpc-service-impl模块中编写好的测试程序启动Dubbo服务, 然后启动Tomcat. 最后到浏览器查看运行结果.

在这里插入图片描述

二. FTP图片服务器的搭建

图片上传思路介绍

Linux中安装vsftpd

执行安装命令yum install vsftpd -y
安装完毕后添加vsftpd用户, 输入命令: useradd ftpuser
这时进入home目录(cd /home), 会看见多了一个ftpuser用户

在这里插入图片描述

接下来分配ftp密码
输入命令: passwd ftpuser, 然后连续两次输入密码

在这里插入图片描述

限定用户不能通过ssh登陆到linux系统
输入命令: vi /etc/passwd
把.../ftpuser:/bin/bash修改为.../ftpuser:/sbin/nologin

在这里插入图片描述

配置防火墙开放21端口.
输入命令vi /etc/sysconfig/iptables

在这里插入图片描述

接着重启防火墙: service iptables restart, 使打开防火墙21端口操作生效.

在这里插入图片描述

接着配置ftp服务, 让外网可以访问

查看ftp状态: getsebool -a | grep ftp, 会看到所有选项都是关闭状态:

在这里插入图片描述

接下来修改ftp状态, 就修改其中两项:
setsebool -P allow_ftpd_full_access on和setsebool -P ftp_home_dir on
修改后的状态如下:

在这里插入图片描述

接下来关闭ftp的匿名访问: vi /etc/vsftpd/vsftpd.conf

在这里插入图片描述

设置vsftpd服务开机启动: chkconfig vsftpd on
最后测试ftp链接:

启动ftp服务: service vsftpd start
进入windows的命令行工具, 输入ftp ftp服务所在的ip地址, 然后依次输入用户名和密码即可

在这里插入图片描述

配置vsftpd的被动模式(默认是开启的, 需要配置端口号的范围)
首先进入vsftpd的配置文件: vi /etc/vsftpd/vsftpd.conf
下拉到配置文件的最后, 配置端口号的范围(最大值, 最小值)

在这里插入图片描述

接下来需要在防火墙打开相应范围的端口: vi /etc/sysconfig/iptables

在这里插入图片描述

改完记得重启: service iptables restart
至此, 图片服务器的配置和安装已经完成.

Http服务器搭建

我们使用Nginx搭建http服务器, Nginx是一个高性能的http和反向代理服务, 占有内存少, 并发能力强.

Nginx安装

安装编译环境: yum install gcc gcc-c++
安装Pcre库: yum -y install pcre-devel
安装压缩工具: yum install zlib-devel
接下来上传Nginx的安装包
上传安装包的常用套路是在根目下创建一个文件夹, 让后使用工具把安装包传到linux机上, 这里就暂不演示.
然后创建Nginx的安装目录: mkdir /usr/local/nginx
回到安装包的目录, 对压缩了的安装包进行解压: tar -zxvf 文件名
进入解压后的nginx安装包, 可以看见一个configure可执行文件, 这个是用来检测环境的.
接着把下面这段代码复制到linux命令窗口进行检测, (注意是进入nginx安装包后的目录, 也就是configure文件所在的目录)

./configure \
--prefix=/usr/local/nginx \
--pid-path=/var/run/nginx/nginx.pid \
--lock-path=/var/lock/nginx.lock \
--error-log-path=/var/log/nginx/error.log \
--http-log-path=/var/log/nginx/access.log \
--with-http_gzip_static_module \
--http-client-body-temp-path=/var/temp/nginx/client \
--http-proxy-temp-path=/var/temp/nginx/proxy \
--http-fastcgi-temp-path=/var/temp/nginx/fastcgi \
--http-uwsgi-temp-path=/var/temp/nginx/uwsgi \
--http-scgi-temp-path=/var/temp/nginx/scgi

检测完毕后同样在进入到安装包的目录后进行编译: make

在这里插入图片描述

接着执行make install命令

在这里插入图片描述

安装成功后, 到之前预设好的安装目录/usr/local/nginx中可以看到如下文件

在这里插入图片描述

然后我们需要配置防火墙, Nginx的默认端口是80端口.
进入防火墙配置文件: vi /etc/sysconfig/iptables.

在这里插入图片描述

完成后记得重启防火墙service iptables restart
接下来启动nginx:
进入到nginx的安装目录中

在这里插入图片描述

进入sbin: cd sbin, 执行nginx: ./nginx

在这里插入图片描述

提示说缺少一个目录. 我们按照错误提示创建缺少的文件: mkdir -p /var/temp/nginx/client
重新执行./nginx, 没有报错说明启动成功.
补充: 重启nginx: ./nginx -s reload
最后我们访问一下Nginx, 在浏览器中直接输入Nginx所在的ip地址, 可以看到以下内容

在这里插入图片描述

至此, Nginx的安装已经结束.

配置Nginx

先进入Nginx安装目录, 然后进入conf目录, 修改nginx.conf文件

在这里插入图片描述

配置Nginx用户名, 照上面的操作打开配置文件进行操作, 在首行添加ftpuser

在这里插入图片描述

保存退出并重启Nginx(到sbin目录下): ./nginx -s reload
最后给Host配置域名
什么叫配置域名呢? 首先我们进入C盘, 然后进入Windows目录, 然后进入System32目录, 然后进入drivers目录, 然后进入etc目录, 里面有个host配置文件, 打开该配置文件, 我们在这里为nginx配置域名

在这里插入图片描述

把开启nginx服务的机器ip对应image.taotao.com, 这个域名是我们数据库中的数据写好的.
尝试访问

在这里插入图片描述

我们给服务器上传一张图片试试.
在/home/ftpuser目录下创建一个jd目录, 并在里面放一张图片

在这里插入图片描述

然后重新到浏览器中进行访问.

在这里插入图片描述

我们返回Nginx的安装目录, 查看html目录, 可以看见之前访问Nginx时的首页html就保存在这里

在这里插入图片描述

FtpClient实现文件上传

上传图片的思路这样: 浏览器先上传到Tomcat服务器, 然后再从Tomcat容器上传到Nginx图片服务器.
现在先实现后半部分, 把图片从Tomcat容器上床到Nginx服务器.
首先到ashop-common模块中添加相应的依赖

在这里插入图片描述

然后封装上传图片的方法

在这里插入图片描述

这里要记录一个编码时遇到的问题.
上面的代码验证过其实是没错的, 但是第一次写的时候一直上传不了. 网上说Nginx调试可以使用getReplyString()打印错误. 我得到的是553, could not create file不能创建文件. 查看了Nginx的配置文件也都没有问题. 网上还有提示说添加一些额外的代码, 也不奏效. 最后考虑是linux系统不让写, 也就是说对/home/ftpuser/jd这个目录根本没有写的权利.
通过查看权限发现确实只有读的权限, 修改后即正常上传.
修改权限的语句是chmod 数字文件名, 数字对应的是权限比如-rwxr--r--对应x111 100 100, 也就是744, 要改为-rwxrw-rw-:766要输入命令:chmod 766 文件名.

继续.
查看前端代码看看图片提交的上传路径和提交图片的参数.

在这里插入图片描述

封装图片上传后返回给浏览器的数据模型

在这里插入图片描述

下面开始实现图片从本地上传到Tomcat容器, 然后再上传到图片服务器.
创建ftp.properties文件: 在web模块中的main/resource目录下创建resources目录, 在里面创建ftp.properties文件. 并存储连接FTP服务器的信息.

在这里插入图片描述

接着创建工具类IDUtils, 封装了两个方法:
一个是对上传图片的名字进行重命名
另一个是封装了一个方法用于生成商品的组件.
这个类已经给出, 直接复制到项目中即可.

然后编写商品图片上传的Service接口及其实现类

在这里插入图片描述

编写响应的controller方法

在这里插入图片描述

自此图片上传功能已经完成了, 对整体项目进行打包, 照例启动Dubbo服务, 然后启动Tomcat容器.
问题记录: 这次连接Dubbo服务的时候出现了问题, 老是超时连接不上.

INFO [main-SendThread(192.168.117.129:2183)] - Opening socket connection to server 192.168.117.129/192.168.117.129:2183. Will not attempt to authenticate using SASL (unknown error)
 INFO [main-SendThread(192.168.117.129:2183)] - Client session timed out, have not heard from server in 10006ms for sessionid 0x0, closing socket connection and attempting reconnect
 INFO [main-SendThread(192.168.117.129:2181)] - Opening socket connection to server 192.168.117.129/192.168.117.129:2181. Will not attempt to authenticate using SASL (unknown error)
 INFO [main-SendThread(192.168.117.129:2181)] - Client session timed out, have not heard from server in 10001ms for sessionid 0x0, closing socket connection and attempting reconnect
 INFO [main-SendThread(192.168.117.129:2182)] - Opening socket connection to server 192.168.117.129/192.168.117.129:2182. Will not attempt to authenticate using SASL (unknown error)