IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> 电商项目第三天 -> 正文阅读

[开发工具]电商项目第三天

今天深入研习三级分类:

在前端页面写下这些:

<#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);
    }
}

?好了,下课!!

(如果你想要访问你上传的图片,点击最右边的复制外链就好)

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-10-09 16:28:46  更:2021-10-09 16:29:23 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/23 14:32:27-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码
数据统计