vue3_制作web端的图片搜索站点

@TOC

预览

发布链接：http://yongma16.xyz/emoji/index/
pc端

github地址：点击传送

背景

有时候聊天，斗图找不到图片以级想欣赏精致的五官和风景放松心情，同时近期又在使用vue3+antd，所以想制作一个图片搜索引擎的站点。

技术选型

前端：vue3+antd+axios
后端：django的爬虫制作接口（模拟百度搜索图片返回搜索结果的json数据）

思路

前端：
目录结构

trickers前端项目           
├─public
│      favicon.ico
│      index.html
│      
└─src
    │  App.vue
    │  main.js
    │  tricher.txt
    │  
    ├─assets
    │      background.png
    │      happy.gif
    │      
    ├─components
    │      Home.vue
    │      
    ├─emoji
    │      Emoji.vue
    │      
    └─services
            getEmojiApi.js

后端：

ui框架

ant-design-vue

结束

感谢阅读！