Skip to content

hk112019/Search-Next

 
 

Repository files navigation

Search导航页Next版

原项目:Search

Search项目的React版本,相较于原项目从原生js更改为React,引入新的设计和交互,原项目已实现或未实现的内容将移植到此项目,并且此项目将加入更多新功能。

关于重构

umi 迁移到 vite 项目整体重写,使用 umi 的最后一个版本为 v0.6.1

重构详细说明

在线地址

Search Next

在线地址中内容可能不会保持最新,如需查看最新效果请clone该项目运行。

另外,在线地址中为开发环境,仅用于展示功能,不保证数据在每个版本兼容。

开发计划

详细内容请查看开发计划

启动项目

需要nodejs(版本不限,建议最新)、yarn(npm也可以)

安装依赖:

yarn

启动项目:

yarn start

编译项目:

yarn build

部署项目:

项目需要后端接口支持,后端部分详见文末说明。

功能

  • 搜索
    • 切换搜索引擎
  • 添加常用网址
  • 设置
    • 切换背景(数据来源必应壁纸,分辨率1920x1080,每日更新一张新壁纸)
  • 首次进入消息提示
  • 导航页

截图(21/8/28)

支持导航功能

image-20210828222701576

image-20210828222751416

21/7/8

支持设置主页背景功能

image-20210708104121952

image-20210708104145358

21/6/3

支持首次进入消息提示功能

屏幕截图 2021-06-03 155137.png

21/4/2

支持基础搜索功能,切换搜索引擎

image-20210402152903082

组件说明

组件文件夹路径 src/components

  • material-ui-custom 基于业务封装的 material ui 组件,如:form 表单card 卡片dialog 对话框popper 弹出提示工具notistack 消息条tabs 选项卡 等。
  • global 通用组件
  • 其他组件

后端支持

部分内容需要配合该项目的后端接口部分

地址:Search-Next-Nestjs-api

新建 development.env 文件,按 .env.example 文件中内容配置

安装依赖 yarn

运行 yarn start:dev

其他命令详见后端项目

关于打包运行,可以参考

nestJs项目打包部署的方法

多语言:

VS Code 安装i18n Ally插件

引用资源

-----none------

About

一个简单的浏览器主页,由React编写,支持本地账户切换,多引擎搜索,网址导航,更多功能正在开发

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

  • TypeScript 96.6%
  • Less 2.5%
  • Other 0.9%