程序汪1万接的企业官网项目，开发周期15天

编码文章call10242024-12-15 11:45:5348A⁺A^-

项目来自程序汪背后的私活小团队，开发一个医药方面的企业官网，给粉丝分享一下，希望给接私活的朋友一些经验

视频版本在 B站【我是程序汪】

开发人员

UI设计（妹子一个，懂点基本的前端html css）
前端技术栈 vue
后端技术栈 springboot 利用开源系统二开
开发周期15天，真实就一周
开发人数 2人
整体费用是1万(不包含维护费)
走的公司合同
阿里云服务器1台
维护费用：项目总款的15%

项目背景

现在企业一般都需要一个门面（企业官网），官网本身技术不难，但是想要做的高大上还是不简单的。

官网的作用

一个精致的门面是吸引用户的基础
提升企业形象，增强竞争力
让成交更简单

UI设计

切图
基础的前端知识 CSS html
字体，
版面，
布局，
色调，

UI设计需要学习下面这些技能

程序汪认识的牛逼UI还会点前端基础

软件方面需要学习：Photoshop、Illustrator、After Effects、Axure、Adobe XD、Sketch等。
技能方面需要学习：运营广告设计、商业海报设计、品牌物料设计、网页界面设计、商业摄影、电商视觉设计、H5营销动画设计、AE交互动效设计、移动APP设计、多平台界面设计等。
理论方面需要学习：排版、配色、字体设计、三大构成、消费心理学、沟通学，以及思维导图、原型图、还有交互逻辑、规范、切图，了解程序，用户体验，还有营销课程方面的内容。

UI设计妹子

这个项目的关键其实是UI设计，后端管理系统是成熟开源上二开的（低代码），其实很多朋友会说这样的官网我1000元就接，套一个网站模板的确不用花什么钱，关键本客户的官网UI设计是需要定制的，客户与UI设计来来回回沟通成本是比较高的，沟通3天开发3小时真不夸张。UI妹子需要根据客户要求一点点修改，修改后又需要确认。

官网

由于这是商业网站，程序汪就不分享具体网址了，怕被客户K

后端系统（MCMS）

本系统的详细介绍点下面文章

推荐基于SpringBoot 的CMS系统，拿去开发企业官网真香

核心功能主要文章发布栏目发布，非常简单，后端部署没问题了剩下就是和前端联调，小项目前后端都是一个人，开发起来也比较快。

项目的Swagger（丝袜哥）API文档

技术选型

后端框架

技术	名称	官网
Spring Framework	容器	http://projects.spring.io/spring-framework
Spring Boot	MVC框架	https://spring.io/projects/spring-boot
Apache Shiro	安全框架	http://shiro.apache.org
Spring session	分布式Session管理	http://projects.spring.io/spring-session
MyBatis	ORM框架	http://www.mybatis.org
Freemarker	视图框架	http://freemarker.foofun.cn
PageHelper	MyBatis分页插件	http://git.oschina.net/free/Mybatis_PageHelper
Log4J	日志组件	http://logging.apache.org
Maven	项目构建	http://maven.apache.org
Elasticsearch	分布式搜索引擎	https://www.elastic.co
Redis	分布式缓存数据库	https://redis.io
hutool	工具类	http://hutool.mydoc.io

前端框架

技术	名称	官网
vue	函式库	https://cn.vuejs.org//
element ui	UI库	https://element.eleme.cn/2.0/#/zh-CN
jQuery	函式库	http://jquery.com/
Bootstrap	前端框架	http://getbootstrap.com/
Bootstrap-table	Bootstrap数据表格	http://bootstrap-table.wenzhixin.net.cn/
BootstrapValidator	表单验证	http://bootstrapvalidator.com/
Font-awesome	字体图标	http://fontawesome.io/
Waves	点击效果插件	https://github.com/fians/Waves/
zTree	树插件	http://www.treejs.cn/v3/
Select2	选择框插件	https://github.com/select2/select2
Vue	MVVM框架	https://cn.vuejs.org/
AmazeUI	移动端UI	http://amazeui.org/
Plupload	上传控件	http://www.plupload.com/
freemarker	模板引擎	http://freemarker.foofun.cn/toc.html
validator	验证库	https://github.com/chriso/validator.js
animate	动画	http://daneden.github.io/animate.css/
icon	矢量小图标(待更新)	http://ms.mingsoft.net/html/86//6048/index.html