路过的前端大大进来看看这个Jquery界面
<code>楼主一直负责公司网站的维护,主要使用语言PHP,当然少不了包含HTML。 最近公司想把做个门户网站,并且要结合ERP的管理功能,楼主作为一个2014的毕业生,头都大了,由于特殊原因,公司目前就我一个PHP开发的和主管(兼职网络营销),每次还要自己去改HTML,甚至是布局,从创建数据库 后台内容管理 再到前台界面显示。。。。有时候真的有点慌乱,感觉进展好慢。说了一堆处境。。。 从网上找了这个JQUERYhttp://www.jq22.com/jquery-info1511的这个插件,发现好强大,主管看了是觉得喜欢,那我们开始用吧。。于是。。。 然后我打开发现哇,包含了Jquery的好多知识,可是我心里隐约很担忧,比如时间轴、帮助向导这种控件,后面肯定要用AJAX的,我们之前的网站几乎是没有局部刷新的,布局都是主管用老式的TABLE做的,看得我很吃力,而且界面我都不是特别理解,我只能说知道一些基本的,现在很迷茫工作怎么开展 网上查了一下bootstrap是twitter的两位工程师做的前端框架,我这个后台模板也叫bootstrap什么的,到底是个什么关系呢。也是一种由这个框架改的模板吗,只是样子像后台呢。 也在W3CSHCOOL发现了这个的教程,作为一个略懂Jquery,熟悉一点js的后端的PHP来说,真担心Hold不住这个框架,我想的是一步一步跟着教程学,但心里又很慌张,毕竟是公司不是学校,虽然上门不说你没做什么,但是自己内心很有压力,作为一个后端的,感觉很迷茫,怎么又跑去前端了,就怕学到一半,就要开发新功能,把我拖走了。。。。 </code>
回复内容:
<code>楼主一直负责公司网站的维护,主要使用语言PHP,当然少不了包含HTML。 最近公司想把做个门户网站,并且要结合ERP的管理功能,楼主作为一个2014的毕业生,头都大了,由于特殊原因,公司目前就我一个PHP开发的和主管(兼职网络营销),每次还要自己去改HTML,甚至是布局,从创建数据库 后台内容管理 再到前台界面显示。。。。有时候真的有点慌乱,感觉进展好慢。说了一堆处境。。。 从网上找了这个JQUERYhttp://www.jq22.com/jquery-info1511的这个插件,发现好强大,主管看了是觉得喜欢,那我们开始用吧。。于是。。。 然后我打开发现哇,包含了Jquery的好多知识,可是我心里隐约很担忧,比如时间轴、帮助向导这种控件,后面肯定要用AJAX的,我们之前的网站几乎是没有局部刷新的,布局都是主管用老式的TABLE做的,看得我很吃力,而且界面我都不是特别理解,我只能说知道一些基本的,现在很迷茫工作怎么开展 网上查了一下bootstrap是twitter的两位工程师做的前端框架,我这个后台模板也叫bootstrap什么的,到底是个什么关系呢。也是一种由这个框架改的模板吗,只是样子像后台呢。 也在W3CSHCOOL发现了这个的教程,作为一个略懂Jquery,熟悉一点js的后端的PHP来说,真担心Hold不住这个框架,我想的是一步一步跟着教程学,但心里又很慌张,毕竟是公司不是学校,虽然上门不说你没做什么,但是自己内心很有压力,作为一个后端的,感觉很迷茫,怎么又跑去前端了,就怕学到一半,就要开发新功能,把我拖走了。。。。 </code>
让你老板直接掏钱 https://wrapbootstrap.com/theme/ace-responsive-admin-template-WB0B30DGR
话说,你到底想问什么
admin模版很多的 https://wrapbootstrap.com/themes/admin
先学点html+css的知识。。。
这个界面怎么了?
这个页面里嵌套了大量的iframe,对一个新手来说很难搞,看看别的模板吧,17sucai.com,你搜bootstrapt,有很多后台模板,找个好改的。
这个模板我也见过,里面嵌套的代码太多,导入了大量的JS和CSS文件,注释也不是很清晰。所以上手是比较难的!
作为一个2015的毕业生,我能说这种东西很简单么?
我来说一下工作流程:
1.整理之前站点的页面和每个 页面涉及到的数据,可以做一个脑图。
2.备份一份程序,在备份的这份程序基础上改;把系统的前端所有东西删掉,用你现在的那个框架,替换掉之前的页面,这个过程中你可能还需要参考一下原系统的数据展示。
基本上这些流程走下来,看你现在的站点架构,弄完整站,大概也就花上10来天都差不多了。

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Cara menggunakan Bootstrap untuk mendapatkan nilai bar carian: Menentukan ID atau nama bar carian. Gunakan JavaScript untuk mendapatkan elemen DOM. Mendapat nilai elemen. Lakukan tindakan yang diperlukan.

Menggunakan bootstrap dalam vue.js dibahagikan kepada lima langkah: Pasang bootstrap. Import bootstrap di main.js. Gunakan komponen bootstrap secara langsung dalam templat. Pilihan: Gaya tersuai. Pilihan: Gunakan pemalam.

Gunakan Bootstrap untuk melaksanakan pusat menegak: Kaedah Flexbox: Gunakan kelas D-Flex, Justify-Content, dan Align-Item-Center untuk meletakkan unsur-unsur dalam bekas Flexbox. Kaedah Kelas Align-Items-Center: Bagi pelayar yang tidak menyokong Flexbox, gunakan kelas Align-Items-Center, dengan syarat unsur induk mempunyai ketinggian yang ditetapkan.

Terdapat dua cara untuk membuat garis perpecahan bootstrap: menggunakan tag, yang mewujudkan garis perpecahan mendatar. Gunakan harta sempadan CSS untuk membuat garis perpecahan gaya tersuai.

Bagaimana cara menggunakan butang bootstrap? Perkenalkan CSS bootstrap untuk membuat elemen butang dan tambahkan kelas butang bootstrap untuk menambah teks butang

Untuk menyesuaikan saiz unsur-unsur dalam bootstrap, anda boleh menggunakan kelas dimensi, yang termasuk: menyesuaikan lebar: .col-, .w-, .mw-adjust ketinggian: .h-, .min-h-, .max-h-

Untuk menubuhkan rangka kerja bootstrap, anda perlu mengikuti langkah -langkah ini: 1. Rujuk fail bootstrap melalui CDN; 2. Muat turun dan tuan rumah fail pada pelayan anda sendiri; 3. Sertakan fail bootstrap di HTML; 4. Menyusun sass/kurang seperti yang diperlukan; 5. Import fail tersuai (pilihan). Setelah persediaan selesai, anda boleh menggunakan sistem grid Bootstrap, komponen, dan gaya untuk membuat laman web dan aplikasi yang responsif.

Terdapat beberapa cara untuk memasukkan imej dalam bootstrap: masukkan imej secara langsung, menggunakan tag HTML IMG. Dengan komponen imej bootstrap, anda boleh memberikan imej yang responsif dan lebih banyak gaya. Tetapkan saiz imej, gunakan kelas IMG-cecair untuk membuat imej boleh disesuaikan. Tetapkan sempadan, menggunakan kelas IMG-Sempadan. Tetapkan sudut bulat dan gunakan kelas IMG-bulat. Tetapkan bayangan, gunakan kelas bayangan. Saiz semula dan letakkan imej, menggunakan gaya CSS. Menggunakan imej latar belakang, gunakan harta CSS imej latar belakang.
