电商项目第三天

今天深入研习三级分类:

在前端页面写下这些：

<#list 1...6 as x>
<tr role="row" align="center" class="1" id="1_1">
<#list 1...5 as y>
<tr role="row" align="center" class="2" id="2_12">
</tr>
</#list>
</tr>
</#list>

这上面的就是基本的三级分类的结构要什么再在里面加就是了，然后通过这个就可以写出

 

这样的界面了，其中1...6就是复制6次一级分类的意思，第三季分类中的三个也可以使用这样的方法进行复制。

然后就是七牛云的使用了。

百度搜索七牛云，然后注册，登录，实名认证（认证时需要选择是个人用户），当出现这样的东西时就代表好了

有了你输入的名字就好了，然后我们需要使用七牛云进行图片的上传和保存。

点击最下方的对象存储

立即使用：

这个名字就是后面需要使用的bucket，需要记住，另外看你住的地方在哪选择那个地区，上海、江苏选择华东，广东、海南选择华南，访问控制公开即可。然后点击这里的概览即可

在这里可以看到他给我们的域名

再打开个人中心的密匙管理：

查看ak、sk：

这个后面也要用，到时候复制就好了

打开idea，选择quickstart添加依赖：

<?xml version="1.0" encoding="UTF-8"?>


<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>


  <groupId>com.yjxxt</groupId>
  <artifactId>uploaddemo</artifactId>
  <version>1.0-SNAPSHOT</version>


  <name>uploaddemo</name>


  <parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>2.2.2.RELEASE</version>
    <relativePath/>
    <!-- lookup parent from repository -->
  </parent>


  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>


  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
  </properties>


  <dependencies>
    <!--web组件-->
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <!--七牛云SKD-->
    <dependency>
    <groupId>com.qiniu</groupId>
      <artifactId>qiniu-java-sdk</artifactId>
      <version>[7.2.0, 7.2.99]</version>
    </dependency>
    <dependency>
      <groupId>org.assertj</groupId>
      <artifactId>assertj-core</artifactId>
      <version>3.19.0</version>
    </dependency>
  </dependencies>


  <build>


  </build>
</project>

再在main下添加一个新的包：resources,编写一个application.yml

server:
  port: 8989


spring:
  servlet:
   multipart:
     max-file-size: 100MB
     max-request-size: 1000MB

在上面那个包下：com.yjxxt.sdk下新建两个包：cpntroller和service

在controller中添加一个服务类：

@Controller
public class UploadController {
    @Resource
    private UploadService uploadService;


    @RequestMapping("upload")
    @ResponseBody
    public String uploadFile(@RequestParam(name = "file")MultipartFile file){
        try {
            uploadService.uploadFile(file.getInputStream(),file.getOriginalFilename());
            return "success";
        } catch (IOException e) {
            e.printStackTrace();
            return "failed";
        }
    }
}

在service中添加一个接口：

public interface UploadService {
    //文件上传
    public String uploadFile(InputStream is, String fileName);
}

在service中添加一个新的包：impl：并在旗下新增一个类：

@Service
public class UploadServiceImpl implements UploadService {
    @Override
    public String uploadFile(InputStream is, String fileName) {
        //构造一个带指定 Region 对象的配置类
        Configuration cfg = new Configuration(Region.region0());
        //...其他参数参考类注释
        UploadManager uploadManager = new UploadManager(cfg);
        //...生成上传凭证，然后准备上传
        String accessKey = "你的ak";
        String secretKey = "你的sk";
        String bucket = "你的桶名";
        //默认不指定key的情况下，以文件内容的hash值作为文件名
        String key = fileName;
        String result = null;
        try {
            Auth auth = Auth.create(accessKey, secretKey);
            String upToken = auth.uploadToken(bucket);
            try {
                //这里就相当于一个添加文件
                Response response = uploadManager.put(is,key,upToken,null, null);
                //解析上传成功的结果
                if (response.statusCode==200){
                    result = "http://r0noqvuwj.hn-bkt.clouddn.com/"+fileName;
                }
            } catch (QiniuException ex) {
                Response r = ex.response;
             System.err.println(r.toString());
            try {System.err.println(r.bodyString());
            } catch (QiniuException ex2) {
                //ignore
                } }
        } catch (Exception ex) {
            //ignore
            }
        return result;
    } }

​​​​​​最后再com.yjxxt.sdk下加一个启动类：SpringBootQiNiuApplication

@SpringBootApplication
public class SpringBootQiNiuApplication {
    public static void main(String[] args) {
        SpringApplication.run(SpringBootQiNiuApplication.class,args);
    }
}

然后我们就可以通过postman进行文件的上传：

​​​​​​然后点击send就可以发送到七牛云上了：look

 好了，下课！！

（如果你想要访问你上传的图片，点击最右边的复制外链就好）