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

开发一个免费的图表网站 Free Charts

Free Charts

项目背景

最近在使用图表网站时,发现许多都需要收费,因此萌生了自己做一个免费图表网站的想法。

不仅给自己做一个,也准备给大家做一个!

项目历程

经过两三周的努力,完成了一个图表网站。以下是技术栈的转变:

  • 从 Vue3 CSR 转换到 Nuxt,再转到 Next.js,花费了不少时间。
  • 后端采用了 Nest.js + MongoDB + Redis。
  • 尽管 Next 和 Nuxt 可以开发后端,但是我已先完成了后端部分。

最终构建了:

  • Nest.js 后端项目
  • Vue3 + Vuetify 前端
  • Nuxt + Vuetify 前端
  • Next.js + MUI 前端(首次使用 -》 最终选择)
  • 小程序(主要用于展示广告,赚取小费)
  • 简单的管理端

除了vue,其他的技术都是第一次用,现学现卖

总成本

  • 阿里云服务器(2核4G5M带宽):199元
  • 小程序认证:30元

已完成功能

  1. 图表列表展示、详情、在线编辑、下载 HTML 代码
  2. 地图功能
  3. 用户模块

未来计划

  1. 完善地图功能,增加地图 demo,涵盖 Echarts 地图、GIS 等。
  2. 开发 3D 可视化展示。
  3. 接入 AI,生成 Vue、React 等框架代码。
  4. 离线部署方案:可能使用 Next.js + SQLite,也可能采用 Golang 或 Rust 的独立环境部署。
  5. 减轻用户负担。

图示展示

放一些图骗吧

PC端

请添加图片描述

小程序

请添加图片描述

后台

请添加图片描述
请添加图片描述
请添加图片描述

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 《机器学习》—— AUC评估指标
  • 多线程中常见问题
  • 《第二十四章 多线程与异步任务 - AsyncTask 异步任务》
  • Spring笔记(二)
  • qtsql连接达梦数据库
  • 【CANoe使用大全】——cdd导入CANoe流程详解
  • 使用PowerShell自动化Windows系统管理任务
  • JavaEE从入门到起飞(九) ~Activiti 工作流
  • 【前缀和算法】--- 一维和二维前缀和模板
  • Django 后端架构开发:手机与邮箱验证码接入、腾讯云短信SDK和网易邮箱
  • 实时洞察应用健康:使用Spring Boot集成Prometheus和Grafana
  • 极速文件预览!轻松部署 kkFileView 于 Docker 中!
  • OSPF 开放式最短路径优先协议
  • 数据结构-递归算法-第四天
  • 8.22 万灵药(SAM + Trie + 树剖 + 线段树)
  • 《微软的软件测试之道》成书始末、出版宣告、补充致谢名单及相关信息
  • C++类中的特殊成员函数
  • Centos6.8 使用rpm安装mysql5.7
  • Effective Java 笔记(一)
  • ES6之路之模块详解
  • HTTP中的ETag在移动客户端的应用
  • iOS 颜色设置看我就够了
  • iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码...
  • JavaScript 基础知识 - 入门篇(一)
  • Laravel5.4 Queues队列学习
  • maven工程打包jar以及java jar命令的classpath使用
  • Nacos系列:Nacos的Java SDK使用
  • nodejs实现webservice问题总结
  • npx命令介绍
  • PAT A1050
  • V4L2视频输入框架概述
  • vue从创建到完整的饿了么(11)组件的使用(svg图标及watch的简单使用)
  • Vue官网教程学习过程中值得记录的一些事情
  • 笨办法学C 练习34:动态数组
  • 程序员该如何有效的找工作?
  • 第十八天-企业应用架构模式-基本模式
  • 对话 CTO〡听神策数据 CTO 曹犟描绘数据分析行业的无限可能
  • 分享几个不错的工具
  • 关键词挖掘技术哪家强(一)基于node.js技术开发一个关键字查询工具
  • 前端代码风格自动化系列(二)之Commitlint
  • 如何优雅的使用vue+Dcloud(Hbuild)开发混合app
  • 说说动画卡顿的解决方案
  • 算法-插入排序
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • ​​​【收录 Hello 算法】10.4 哈希优化策略
  • #laravel 通过手动安装依赖PHPExcel#
  • #常见电池型号介绍 常见电池尺寸是多少【详解】
  • #我与Java虚拟机的故事#连载19:等我技术变强了,我会去看你的 ​
  • (2)STM32单片机上位机
  • (2020)Java后端开发----(面试题和笔试题)
  • (Mirage系列之二)VMware Horizon Mirage的经典用户用例及真实案例分析
  • (转)C#调用WebService 基础
  • (转)编辑寄语:因为爱心,所以美丽
  • .“空心村”成因分析及解决对策122344
  • .net MySql