当前位置: 首页 > news >正文

做外贸建网站需要推广吗怎么制作网站平台

做外贸建网站需要推广吗,怎么制作网站平台,创建一个个人网站,wordpress简约模板Electron是一个开源的桌面应用程序开发框架,它允许开发者使用Web技术(如 HTML、CSS 和 JavaScript)构建跨平台的桌面应用程序,它的出现极大地简化了桌面应用程序的开发流程,让更多的开发者能够利用已有的 Web 开发技能…

Electron是一个开源的桌面应用程序开发框架,它允许开发者使用Web技术(如 HTML、CSS 和 JavaScript)构建跨平台的桌面应用程序,它的出现极大地简化了桌面应用程序的开发流程,让更多的开发者能够利用已有的 Web 开发技能来构建功能强大且跨平台的应用程序,这对于提升开发效率和应用程序的快速交付具有重要意义。

今天借助electron实现添加网址的应用功能,这里我们通过electron-vite框架搭建项目,详细的配置请参考我之前的文章:地址 这里不再赘述,接下来开始项目的正式讲解:

这里我们在头部添加一个添加按钮和搜索框,用于对数据进行处理,如下所示:

<template><div class="home"><div class="header"><el-input v-model="keyword" style="width: 100%" placeholder="请输入关键字" /><el-button type="primary" :icon="Search" @click="handleSearch">搜索</el-button></div></div>
</template>

然后这里我们调用axios发送get请求获取书籍相关信息,为了避免跨域和安全策略限制问题,我们可以在主进程和index.html处设置相关配置,如下:

接下来我们开始编写相应的接口函数获取书籍书籍,代码如下所示:

<script setup lang="ts">
import { ref } from 'vue'
import { Search } from '@element-plus/icons'
import axios from 'axios'const keyword = ref('')// 获取接口函数
const getBooksData = async () => {let res = await axios.get(`https://weread.qq.com/web/search/global?keyword=${keyword.value}&maxIdx=0&fragmentSize=120&count=20`)console.log(res)
}
// 搜索事件
const handleSearch = () => {getBooksData()
}
</script>

搜索到的数据如下所示:

获取到数据之后,接下来开始对页面内容进行一个页面的搭建:

<template><div class="home"><div class="header"><el-input v-model="keyword" style="width: 100%" placeholder="请输入关键字" /><el-button type="primary" :icon="Search" @click="handleSearch">搜索</el-button></div><div class="book-content"><div class="book-item" v-for="item in bookList" :key="item.searchIdx"><div class="img"><img :src="item.bookInfo.cover" alt="图片"></div><div class="title">{{ item.bookInfo.title }}</div><div class="author">作者 —— <span>{{ item.bookInfo.author }}</span></div><div class="desc">{{ item.bookInfo.intro.substring(0, 25) + '...' }}</div></div></div></div>
</template>

这里我们在App根组件设置一下滚动条的样式:

::-webkit-scrollbar {width: 5px; height: 10%
}::-webkit-scrollbar-track {background-color: #f1f1f1;  border-radius: 5px;} /* 滚动条的滑轨背景颜色 */::-webkit-scrollbar-thumb {background-color: #102ec2;border-radius: 10px;
} 

最终呈现的效果如下所示:

项目地址:地址

http://www.hengruixuexiao.com/news/9632.html

相关文章:

  • 网站后台生成文章很慢佛山seo关键词排名
  • 电子创意设计网站线上销售方案
  • 做专属淘客网站成都网站优化seo
  • 4线城市搞网站开发百度平台投诉人工电话
  • 网站内链少改怎么做免费建站系统
  • 互利互通网站建设网站广告调词平台
  • 生产厂家上什么网站做推广好百度指数下载
  • 网站修改建议苏州seo营销
  • 百度不到公司网站营销型网站建设套餐
  • 小孩做愛网站优化品牌seo关键词
  • 找做cad彩拼的网站合肥最新消息今天
  • 四川seo整站优化吧免费seo网站优化工具
  • 中国现在哪里建设最多seo培训机构哪家好
  • 鹤壁网站制作百度软文
  • 专业企业网站建设哪家服务好百度竞价排名是什么意思
  • 苏州建设局网站实名制如何把一个关键词优化到首页
  • org.wordpress utils百度seo和谷歌seo有什么区别
  • 做儿童业态招商要去哪些网站一键关键词优化
  • 做网站时连服务器上的数据库网页制作代码html制作一个网页
  • 网站信息资源建设包括哪些网络营销课程总结
  • 怎样做网站seo爱论坛
  • flash网站制作公司宁波最好的seo外包
  • 专业制作企业网站网络营销常用工具
  • 简单网站设计价格如何做好营销
  • 深圳免费网站设计seo排名优化方式
  • 手机网站教程优化用户体验
  • 一起作做业网站app推广平台排行榜
  • 做360网站中保存的图片存在哪里郑州seo线上推广系统
  • 东莞网站设计找哪里微信怎么推广
  • 红色礼品网站模板浏览器观看b站视频的最佳设置