毕业设计——静态网页生成器，能不能用前端语言（html ，css , js ,node ...）实现，希望大佬多多指教

方_糖 2018-11-15 10:38:20

专业：计算机科学与技术
擅长：WEB前端

最近开始要做毕业设计了，报上去一堆网页的东西，都被无情的打回来了，说是什么先考虑。。。。。实在不行再做网页
.......

好吧，说正题
经过我苦思冥想，终于想到一个与我稀罕的前端相关，但是又听起来有感觉很厉害的毕业设计名字了
但是我又不知道可不可以有能力实现（大家尽管说如果可以，要学什么，如果不是太太太复杂的话，学东西我是不会介意的）

说了这么多，大家一定还是对我说的东西一脸懵逼...那我就把自己大概的构想说一遍，希望各位大佬们多多指教

静态网页生成器（网页版）
用途：不需要通过敲代码，只需要选择你喜欢的组建样式图片，就会自动生成这个样式的组建，并且你可以改变任何你组建里面不喜欢的某个细节（通过改变数字或者拖动大小拉杆）从而以简单的方式就可以得到一个美观的静态页面
我初步构思了一下它的样子，如图

我想问：
1.可不可以尽量少涉及到后端语言，多用前端（html , css , js , node ...）来实现他
2.如果可以实现，那么在哪些方面要用到哪些语言，在哪些细节方面大家有什么想法都可以讨论讨论
（ps: 大家有任何想法，即使不怎么成熟，都可以说。如：我的一个不太成熟的想法，往简单的想，可不可以直接用两个HTML实现，
第一个就是大家所看到的上图界面，但是里面的网页布局是一个iframe ，通过js和node来改变第二个html里面的内容，从而iframe里面的就改变了）
3.如果不能是实现，能不能告诉我一下原因，让我死个明白。

...全文

744 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

風灬雲 2018-11-16

打赏
举报

bootstap可视化系统，应该就是你这个功能吧，可以去看看，毕业设计要做这个东西是有点不太好，繁琐不实用

三月半和蒲公英 2018-11-15

打赏
举报

楼主的这个想法不适合毕业设计，你想的这个东西要么非常简略、功能很少且毫无亮点，就像你说的字体大小，颜色，宽度等等；要么像dreamweaver这种大型产品，然而这显然不是一个毕业设计可以解决的问题吧。

方_糖 2018-11-15

打赏
举报

引用 4 楼 qq_43115104 的回复:

感觉就像微软的fontpage功能一样，不过光靠前端语言我认为够呛，牺牲一些功能应该可以做一个简单版的，好多细节要考虑，挺不错的想法

，那你觉得哪些东西可能实现不了呢

方_糖 2018-11-15

打赏
举报

再补充一下，其实我最初的想法没那么复杂，就像， 4399里面的装扮类小游戏，不知道大家玩过没有，就是往固定的地方给网页套一件衣服，上衣要在上衣的位置（其实我最开始没想实现内容的拖动），主要是调整，也只是细节上的调整，比如我已经做好了的一个导航器的样式，你可以往这个导航器里面添加li ，但是如果这个导航器原本里面是没有搜索框，你硬要加一个搜索框，是不行的。所以考虑到这个问题，我会在导航器的样式里面添加那种带有搜索框的导航器，选这种带搜索框的导航器后，你就可以选择改变搜索框的样式

方_糖 2018-11-15

打赏
举报

引用 3 楼 lqlqlq007 的回复:

我觉得这个编辑器意义不大，比如： 1.用户拖动了三个div排成一排，你怎么知道用户希望div的宽度是自适应还是固定宽度？ 2.拖动一个图片到页面以后，你怎么知道用户希望图片在页面调整大小以后是拉升还是平铺？如果你想这些功能都支持的话，我觉得不是一个毕业设计能做的。

其实我也想过自适应的问题，甚至还有浏览器不兼容的问题。大公司都没有解决的问题，我也没有希望能在我的毕业设计上解决，而且如果我要是做出这么一个又可以解决自适应，又可以解决兼容的制作网页的东西，那我岂不是断了前端人的路，哈哈哈哈。其实我的想法是往简单的做，不考虑自适应，也不考虑兼容，统一都用固定大小来做至于拖动一个图片调整大小以后是拉伸还是平铺，这个 ..当然是拉伸（其实我更觉得，图片的比例最好既不拉伸也不平铺 ..但是好像拉伸比较简单,随便用户调整就好），如果是平铺的话，可以在右边的调试栏选择图片背景，repeat和no-repeat 再至于这个意义，其实我只想做一个不那么复杂，又不那么简单，与WEB前端相关的东西.....我还问过导师，给我们学院的官网重新捯饬一下可以吗? ...太简单了，不行！

YJLTF 2018-11-15

打赏
举报

感觉就像微软的fontpage功能一样，不过光靠前端语言我认为够呛，牺牲一些功能应该可以做一个简单版的，好多细节要考虑，挺不错的想法

讨厌走开啦 2018-11-15

打赏
举报

我觉得这个编辑器意义不大，比如： 1.用户拖动了三个div排成一排，你怎么知道用户希望div的宽度是自适应还是固定宽度？ 2.拖动一个图片到页面以后，你怎么知道用户希望图片在页面调整大小以后是拉升还是平铺？如果你想这些功能都支持的话，我觉得不是一个毕业设计能做的。

方_糖 2018-11-15

打赏
举报

引用 1 楼 qq_40744490 的回复:

emmm看了楼主的描述，不是很清楚楼主到底是想要做一个组件的生成器呢还是网页的生成器。感觉你的描述更像jqueryUI或者bootstrap做的东西，如果只是想通过交互来生成某个组件比如按钮的一些样式，那我说的那俩哥们就是你想要的应该，只要自己再写点逻辑把他俩弄进去就行了吧。（小白见解，错误烦请批评指正，欢迎交流）

....不是要生成组件，是很多个组件组成的网页，当然你如果只想生成一个组件的话，那也是OK的，比如说，假设你要生成一你现在所看到的界面的静态网页（CSDN），你就先选择一导航栏，然后选择一个类似于这个的样式（这些很多选择的样式我打算自己敲出来，统一类名和设计规范），再在细节上改变，比如我上面固定的样式字体为16px ,你就可以改成14px ,当然这都是在调试栏手动操作，然后我要在导航栏下再加一个导航栏，操作也一样，再加文本框，图片这样啥的然后就凑成一个网页。并且可以再里面拖动你想要的组件去任何一个位置都是OK的

三月半和蒲公英 2018-11-15

打赏
举报

emmm看了楼主的描述，不是很清楚楼主到底是想要做一个组件的生成器呢还是网页的生成器。感觉你的描述更像jqueryUI或者bootstrap做的东西，如果只是想通过交互来生成某个组件比如按钮的一些样式，那我说的那俩哥们就是你想要的应该，只要自己再写点逻辑把他俩弄进去就行了吧。（小白见解，错误烦请批评指正，欢迎交流）

方_糖 2018-11-15

打赏
举报

引用 8 楼 qq_40744490 的回复:

楼主的这个想法不适合毕业设计，你想的这个东西要么非常简略、功能很少且毫无亮点，就像你说的字体大小，颜色，宽度等等；要么像dreamweaver这种大型产品，然而这显然不是一个毕业设计可以解决的问题吧。

哎，怎么说呢 ... 我确实没有想做一个大型的东西，我是一个前端人，做这个东西的不是想要很多的亮点功能，是想要利用我所学的东西来做毕业设计，你说我这个东西非常简略、功能很少我承认，因为我确实没想做的非常复杂，功能很多，但是你可能没有发现我做的东西很繁琐，繁琐在哪里呢，就单一个导航栏来讲，我必须要在网上找到大量组件的大量样式，然后把他们整理成“字典”，你一眼看上去觉得，哇，这个东西我想用到自己的网页上面。我知道繁琐成为不了亮点，所以这就涉及到了我另一个喜欢的东西了——设计，如果有一个东西，让你你不用到网上到处找好的效果，就只需要手指点一点，就可以搭配出自己想要的网页的样子，岂不是很开心。还有，你知道dreamweaver的拉表格写网页的功能并不好，只要一个会敲代码的人，绝对不会用，不会敲代码的人，估计也用不着。你知道为什么吗，确实，它可以做到变成你想要的任何样子，但是，他需要花大量大量的时间才能完成一个网页。最后，你否定我的想法之余能不能给我一点建设性的建议呢？比如，你觉得我的毕业设计应该做什么。