今天深入研习三级分类:
在前端页面写下这些:
<#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,需要记住,另外看你住的地方在哪选择那个地区,上海、江苏选择华东,广东、海南选择华南,访问控制公开即可。然后点击这里的概览即可
在这里可以看到他给我们的域名
<?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>
server:
port: 8989
spring:
servlet:
multipart:
max-file-size: 100MB
max-request-size: 1000MB
@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";
}
}
}
public interface UploadService {
//文件上传
public String uploadFile(InputStream is, String fileName);
}
@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;
} }
@SpringBootApplication
public class SpringBootQiNiuApplication {
public static void main(String[] args) {
SpringApplication.run(SpringBootQiNiuApplication.class,args);
}
}
?好了,下课!!
(如果你想要访问你上传的图片,点击最右边的复制外链就好)
|