关于 Prime12
内容分享与在线工具网站

🏗️ 技术框架
网站使用的技术架构

前端

  • Angular19
    ssr服务端渲染,提高首屏加载速度,以及seo优化。
    http拦截器,统一对接口拦截配置,并且实现了token无感刷新。
    路由懒加载和缓存,进一步提高页面加载速度。
  • Marked.js
    将Markdown文档转成html格式。自定义配置,并且编写了简单的主题。
  • InsUI
    UI组件库。功能简洁,快速适配angular的版本迭代。
    适合公司主页、博客等网站的开发。最大限度的减少了打包体积。

服务端

  • Nodejs + webpack
    服务端渲染、接口转发(前后端分离)、少量功能的实现。
    使用webpack打包nodejs部分。
  • Spring Security + JWT
    权限管理,双token认证。
  • Spring Jpa
    网站后端主要功能的实现。
  • MySQL + Redis + 阿里云
    数据库,接口缓存。
    服务器配置:2核2G内存1MB网络

关于本站
www.prime12.com

时间线

  • 很久之前
    源于学习angular的练手之作,基于MaterialUI和ngRx写的博客项目。
  • 2018年11月
    换工作之后,公司使用了primeNg,后来公司的新项目改成ngzorro。
    ngzorro的UI设计更适合我们的使用习惯。于是我也把它修改成ngzorro。去掉ngRx。
    添加网址导航(静态页面)和在线工具(自己开发中常用到的工具)两个功能。
    当时的博客地址:www.everyfish.cn。服务器是阿里云2核1G,后端使用nodejs+MongoDB。
  • 2022年2月
    生命在于折腾,一路修修补补。
    修改了博客地址:www.cicode.cn。服务器升级到了2核2G内存(1G内存java跑不起来)。
    后台从Nodejs + MongoDB换成了Spring Jpa + MySQL。添加了Spring Security权限系统。
    网址导航添加了后台功能,收集800多个网站。
    还增加了个人书签功能,用浏览器导出的书签(html文件),然后导入到网站中,展示个人书签。
    丰富在线工具模块。对接某度的AI接口(图片文字识别、发票批量识别、文章总结等等,可批量上传识别图片)。
    Angular使用了服务端渲染,seo优化。搜索网站收录。
  • 2025年3月
    域名修改成了www.prime12.com。服务器由centos切换到了ubuntu24。java升级到了21。
    重新设计网站。用InsUI替换了ngzorro(打包体积太大了)。
    暂时停掉网址导航模块。丰富在线工具的功能。去掉了某度的AI接口。

网站的规划

  • 低代码工具
    正在开发低代码工具,通过拖拽组件,生成新网页。目前还在开发中。
  • InsUI
    InsUI组件库为博客和低代码平台提供支撑,并借此平台对组件进行优化。
    增加常用的组件,持续完善组件。 整理出使用文档。

关于作者
About me

我的简介

hi,我的网名叫liuk123,网络上我会一直用这个网名(用这个网名的人不一定是我)。土生土长的山东济南人。
在湖北上的大学,2015年大学毕业。毕业后我回到济南,一直从事前端开发的工作。
相关技能:Angular、Vue、nodejs以及相关生态、手机端开发(ionic、uniapp、H5)等等,偶尔学习一下Java编程。

建站初心

非常喜欢Angular的编程方式(class、ts、rxjs、依赖注入、directive、signal等等)。网站使用angular编写,并且会一直迭代下去。
通过对博客的探索,我也积累不少知识,开阔视野。网站的发展也见证我个人的成长。
记录工作,记录生活,有一些想法也会在这个网站上实现。

联系与支持
如有需要,邮件联系我。qq邮箱: 980479803

如果本站帮助过您,您可以自愿选择赞助,支持本站的不断发展。

支付宝
支付宝二维码
微信
微信二维码