百度360必应搜狗淘宝本站头条
头像打包下载acmecadconverter_8.52绿色版mysql 昨天的日期个人网站源码word文档批量处理大师破解版
当前位置：网站首页 > 技术教程 > 正文

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

csdh11 2025-01-07 11:58 3 浏览

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


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


目录

  • 一、开发人员
  • 二、项目背景
  • 三、UI设计
  • 四、官网展示
  • 五、后端系统
  • 最后 源码分享（网站及后端）


总结

  • 网站基本构成：网站+后台CMS系统
  • UI设计：如果客户对UI没要求，直接拿网站模板开发即可，有要求就需要找专业的UI妹子啦
  • 学会利用免费的资源，快速搭建网站


开发人员

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


项目背景

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


官网的作用

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


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


最后分享140套网站模板源代码 见下面链接

https://mp.weixin.qq.com/s/mL1x57_QoIv5dylYhJglMw

相关推荐

魔兽争霸3:在DOTA还没有火的时候，它曾经是最流行的魔兽RPG地图

《魔兽争霸3》素来被称之为宝藏级的游戏，因为它几乎全身都是宝。单人战役、对战模式、RPG地图都各自拥有大量玩家。它之所以能够长盛不衰，各种魔兽RPG地图发挥着居功至伟的作用。《忍者村大战》《守卫剑阁》...

魔兽世界的地图有多大，大到让你不相信自己的眼睛

魔兽世界的地图有多大，大到让你不相信自己的眼睛第一次开始玩魔兽世界的小伙伴在进入游戏后，会惊叹于游戏地图的巨大，现在魔兽世界开了9.0后，地图总共有多大呢，让我们来研究一下。魔兽世界每一次大版本更新都...

《魔兽世界:军团再临》世界地图公布 破碎群岛坐标确认

因为之前的世界地图上未显示破碎群岛的坐标，所以总有新手玩家会询问如何到达破碎群岛，即便是去过的老玩家也只是知道它就在大漩涡东南方。不过，在今日的《魔兽世界》7.0测试服更新补丁后，110级新地图“破碎...

魔兽世界:战士挺直腰杆，爬塔单刷更简单，就是动作有些不雅

前言：魔兽世界暗影国度刚上线，坦克、狂暴战、武器战，战士三系皆宣布报废，不论是副本还是团本全都没有了战士的身影。战士在整个暗影界都遭到了排挤，除非是有几个好基友，还能打打M本，要不然真的跟玩单机差不多...

回忆杀，最全魔兽争霸秘籍整理!你最常用的是哪个?

魔兽争霸3是暴雪于2002年7月推出的经典即时战略游戏，目前游戏已经推出了重置版，重置版虽然饱受玩家诟病，但是热度却着实不低。即时战略游戏上手难度其实比较大，魔兽争霸想要上手玩家必须做到一心二用，双线...

魔兽世界:23C限时DHT给你详解每一个大秘境坦克思路

作者：NGA-Elucidatee大家好，我是Elucidate，朋友基本都喊我大E。在8.3版本第三周，我发布了一篇帖子，做了一个8.3版本的DHT心得分享和各类指引。拖了这么长的时间才出来第二篇，...

「默契于心」魔兽争霸3:混乱武林·快速入门攻略讲解

1、了解地图（单独攻略讲解）魔兽争霸Ⅲ有很多种游戏模式：联机对战、RPG等模式。RPG模式是很多玩家喜欢玩的模式，RPG模式地图包括防守、TD塔防等。作为TD塔防最经典的地图之一莫过于混乱武林，自04...

桥梁专家:钢结构桥比混凝土桥易涡振 以后出现涡振可能性会提高

“以后我国桥梁出现涡振现象的可能性会提高，涡振不可能完全消除，就是大小的问题。”同济大学桥梁与结构抗风研究室主任朱乐东昨天在接受央视新闻记者采访时作出上述表态。朱乐东解释说，钢结构的桥容易发生涡振，混...

软件架构、框架、模式、模块、组件、插件、中间件一文打尽

一、架构软件架构（softwarearchitecture）是一系列相关的抽象模式，用于指导大型软件系统各个方面的设计。软件架构是一个系统的草图。软件体系结构是构建计算机软件实践的基础。也称为软件体...

99%的工程人都不知道的钢结构计算软件!无需安装打开即用

99%的工程人都不知道的钢结构计算软件，16个钢结构计算小软件，无需安装打开即用，输入数值就能得出结果，省时省力高效快捷.钢结构计算软件文末有领的方式H型钢截面计算...

给电子工程师们安利一款特别好用的结构外形设计软件SolidWorks

作为一名软件和硬件都懂的嵌入式工程师，设计一个电路，用PCB绘图软件PowerPCB、AltiumDesigner绘制出电路板，然后再用C语言编译软件比如Keil、IAR编制出控制程序。最后再焊接调试...

头颅外伤七年后内耳结构消失 专家:警惕外伤致聋

发生头颅外伤七年后，患者刘叔(化名)的内耳结构竟然消失了！首届“广州实力中青年医生”、中山大学附属第一医院(下称“中山一院”)耳鼻咽喉科耳专科吴旋主任医师介绍，30%~50%的头颅外伤患者会出现耳聋，...

头颅外伤七年后内耳结构消失?专家:警惕外伤致聋

发生头颅外伤七年后，患者刘叔(化名)的内耳结构竟然消失了！首届“广州实力中青年医生”、中山大学附属第一医院(下称“中山一院”)耳鼻咽喉科耳专科吴旋主任医师介绍，30%~50%的头颅外伤患者会出现耳聋，...

智能结构仿真软件AIFEM 2024R1新版本功能介绍

AIFEM是由天洑自主研发的一款通用的智能结构仿真软件，助力用户解决固体结构的静力学、动力学、振动、热力学、拓扑优化等实际工程问题。软件针对传统仿真软件前处理操作繁琐耗时、求解速度慢、后处理自动化程度...

Tekla 2023钢结构设计软件安装教程附下载方法

Tekla2023能够快速创建各种复杂的钢结构三维模型，支持从简单的梁、柱到复杂的桁架、网架等结构的建模。可以通过参数化建模功能，快速修改构件的尺寸、形状和位置，提高建模效率。还可导入.skp、.i...

一周热门
最近发表
标签列表