如何写一个网站

缺乏、安全感 2021-07-24 16:50 458阅读 0赞

**目录**

一 模板

二 框架

三 web项目开发流程

四 体会

--------------------

# 一 模板 #

1 点睛

别人写好的，我们拿来改成自己需要的。

2 网站

模板之家：[http://www.cssmoban.com/][http_www.cssmoban.com]

xadmin：[http://x.xuebingsi.com/][http_x.xuebingsi.com]

源码之家： [https://www.mycodes.net/][https_www.mycodes.net]

## 二 框架 ##

1 点睛

组件，自己手动组合拼接。

2 举例

Bootstrap： [https://v3.bootcss.com/][https_v3.bootcss.com]

LayUI： [https://www.layui.com/][https_www.layui.com]

Semantic UI： [https://zijieke.com/semantic-ui/][https_zijieke.com_semantic-ui]

element UI： [https://element.eleme.cn/2.0/\#/zh-CN][https_element.eleme.cn_2.0_zh-CN]

飞冰： [https://ice.work/][https_ice.work]

vue-element-admin：[https://panjiachen.github.io/vue-element-admin-site/zh/][https_panjiachen.github.io_vue-element-admin-site_zh]

# 三 web项目开发流程 #

1 前端搞定：页面长什么样子，需要什么数据。

2 设计数据库（数据设计是难点）。

3 前端让它能够自动运行，独立化工程。

4 数据接口如何对接：json。

5 前后端联调测试。

# 四 体会 #

1 有一套自己熟悉的后台模板。工作必要！x-admin。

2 前端界面：至少自己能够通过前端框架，组合出来一个网站。

3 让这个网站能够独立运行。

[http_www.cssmoban.com]: http://www.cssmoban.com/
[http_x.xuebingsi.com]: http://x.xuebingsi.com/
[https_www.mycodes.net]: https://www.mycodes.net/
[https_v3.bootcss.com]: https://v3.bootcss.com/
[https_www.layui.com]: https://www.layui.com/
[https_zijieke.com_semantic-ui]: https://zijieke.com/semantic-ui/
[https_element.eleme.cn_2.0_zh-CN]: https://element.eleme.cn/2.0/#/zh-CN
[https_ice.work]: https://ice.work/
[https_panjiachen.github.io_vue-element-admin-site_zh]: https://panjiachen.github.io/vue-element-admin-site/zh/