Wednesday, January 09, 2019

Maksud Industri 4.0 atau Fourth Industrial Revolution


.
Industri 4.0 adalah nama yang diberi kepada trend automasi dan pertukaran data yang terlibat dalam teknologi pembuatan. Ia turut digelar sebagai Revolusi Industri Keempat. Revolusi yang dimaksudkan di sini ialah fenomena kewujudan "kilang pintar".

"Kilang Pintar" adalah kilang atau perusahaan yang disokong oleh beberapa teknologi terkini seperti Cyber Physical Sistem (CPS), Internet Of Things (IOT), Cloud Computing dan Cognitive Computing.

Teknologi CPS bermaksud sistem yang mengandungi mesin di mana sifat serta tugas mesin tersebut di pantau oleh perisian komputer. Perisian komputer ini akan mencipta salinan maya bagi sifat dan tugas tadi lalu perisian ini seakan boleh melihat dan merasa apa yang dihadapi oleh mesin tersebut. Terdapat "sensor" dan "actuator" yang membantu perisian berhubung dengan mesin. Hubungan perisian dan mesin sangat intim sehingga digelar "cyber-twin"

Teknologi IOT bermaksud teknologi komunikasi yang membolehkan mesin atau peranti menghantar atau menerima isyarat maklumat di antara satu sama lain. Teknologi IOT membolehkan maklumat dalam sesebuah organisasi atau di antara organisasi dimanfaatkan dengan lebih cekap terutamanya dalam Value Chain yang melibatkan pekedai, pengedar dan pengilang.

Teknologi Cloud Computing membolehkan organisasi atau syarikat menggunakan aplikasi atau menyimpan data di luar kawasan atau premisnya namun aplikasi dan data itu boleh diakses pada bila-bila masa dan di mana jua.

Teknologi Cognitive Computing pula menjadikan mesin atau sistem berupaya untuk mengkaji data dan mempelajarinya agar dapat merumuskan jalan penyelesaian yang boleh membantu meningkatkan produktiviti organisasi atau syarikat.

Rangkuman teknologi di atas telah membolehkan industri bergerak lebih maju dan pantas dan akhirnya mengangkat tamadun manusia ke peringkat yang lebih tinggi.

Istilah "Industri 4.0", dipendekkan kepada I4.0 atau hanya I4, dikatakan berasal dari projek strategi berteknologi tinggi kerajaan Jerman, yang mempromosikan pengkomputeran pembuatan. Istilah "Industri 4.0" itu dikatakan telah dipopularkan pada tahun 2011 di Pameran Hannover.

Selain istilah Industri 4.0, terdapat juga istilah lain yang serupa seperti M4 yang dipelopori oleh pengeluar bahagian aeroangkasa Meggitt PLC.

Apa pun istilah yang digunakan, pada asasnya, prinsip reka bentuk penting bagi Industri 4.0 meliputi 4 aspek berikut:

1. Interkoneksi: Keupayaan mesin, peranti, sensor, dan orang untuk menyambung dan berkomunikasi antara satu sama lain melalui Internet of Things (IoT) atau Internet of People (IoP)

2. Ketelusan maklumat: Ketelusan yang diberikan oleh teknologi Industry 4.0 memberikan pengendali dengan sejumlah besar maklumat berguna yang diperlukan untuk membuat keputusan yang sesuai. Kesambungan membolehkan pengusaha mengumpul sejumlah besar data dan maklumat dari semua titik dalam proses pembuatan, dengan itu membantu fungsi dan mengenal pasti bidang-bidang utama yang boleh mendapat manfaat daripada inovasi dan peningkatan.

3. Bantuan teknikal: Pertama, keupayaan sistem bantuan untuk menyokong manusia dengan mengagregasikan dan menggambarkan maklumat secara komprehensif untuk membuat keputusan bermaklumat dan menyelesaikan masalah mendesak dengan segera. Kedua, keupayaan sistem fizikal siber untuk secara fizikal menyokong manusia dengan menjalankan pelbagai tugas yang tidak menyenangkan, terlalu melelahkan, atau tidak selamat bagi rakan sekerja mereka.

4. Keputusan yang tidak berpusat: Keupayaan sistem fizikal siber untuk membuat keputusan sendiri dan melaksanakan tugasan mereka secara autonomi yang mungkin. Hanya dalam hal pengecualian, gangguan, atau tujuan yang bertentangan, tugas yang diwakilkan ke tahap yang lebih tinggi.

.
Disesuaikan dari: https://en.wikipedia.org/wiki/Industry_4.0

Monday, November 05, 2018

Bina laman web Bootstrap Mudah, Pantas dan Percuma

Buat laman web Bootstrap hebat! Tiada pengekodan dan percuma.

.
BOOTSTRAP WEBSITE BUILDER

Bina laman web Bootstrap Mudah, Pantas dan Percuma

Buat laman web Bootstrap hebat! Tiada pengekodan dan percuma.


Apa itu?

Mobirise Bootstrap Builder adalah aplikasi luar talian untuk Window dan Mac untuk dengan mudah membuat laman web kecil / sederhana, halaman pendaratan, resume dan portfolio dalam talian, laman promo untuk apl, acara, perkhidmatan dan produk.

Adakah ia baik untuk saya?

Mobirise adalah sempurna untuk bukan-teknisi yang tidak biasa dengan selok-belok perkembangan web dan bagi pereka yang lebih suka berfungsi secara visual, tanpa berjuang dengan kod. Juga hebat untuk pro-coder untuk prototaip cepat dan projek pelanggan kecil.

Mengapa?

Perbezaan utama dari pembina tradisional:
* Minimalistik, antara muka yang sangat mudah digunakan
* Keselesaan mudah alih , blok laman web terkini dan teknik "out-the-box"
* Percuma untuk kegunaan komersial dan bukan keuntungan

Pembuat laman web yang mudah rosak

Kurangkan masa pembangunan dengan pembina laman web drag-and-drop. Jatuhkan blok yang anda suka ke halaman anda, edit kandungan secara bersurat dan terbitkan - tiada kemahiran teknikal yang diperlukan.


Anda tidak perlu kod

Web sekarang ini adalah sebahagian daripada realiti kami, dan itulah sebabnya penting untuk mempunyai alat mudah untuk membuat laman web yang kelihatan baik pada semua peranti. Mobirise adalah pembina laman web yang mudah - hanya turun elemen tapak ke halaman anda, tambah kandungan dan gaya untuk melihat cara yang anda suka.


Buat laman web anda unik

Mobirise menawarkan banyak blok tapak dalam beberapa tema, dan walaupun blok ini dibuat sebelum ini, mereka fleksibel. Anda boleh menggabungkan blok dengan cara yang berbeza pada halaman anda.

Ia mesra mudah alih!

Tiada tindakan khas yang diperlukan, semua tapak yang anda buat dengan Mobirise adalah mesra mudah alih. Anda tidak perlu membuat versi mudah alih pada tapak anda, ia akan menyesuaikan secara automatik.


MUAT TURUN PERCUMA

Ia percuma untuk kegunaan peribadi dan komersil. Anda boleh memuat turun dan menggunakan Mobirise untuk laman web anda sendiri atau pelanggan tanpa batasan.


BAGAIMANA KERJA MOBIL?

Seret blok ke halaman

Mulakan dengan membuat laman web baru dan mengambil tema. Kemudian mengembangkan panel blok dengan butang "tambah" merah besar di sudut kanan bawah dan mula menyeret blok yang anda suka.

Edit dan gaya kandungan sebaris

Gantikan kandungan setiap blok seperti yang anda lakukan dalam editor teks biasa, klik pada elemen media untuk memilih kandungan anda sendiri.

Tetapkan parameter blok

Tetapkan pilihan yang sesuai melalui Panel Parameter yang dibawa oleh butang gear biru.

Togol mod peranti

Ia adalah penonton interaktif - hanya klik pada "Desktop View", "View Tablet" atau "Mobile View" di aplikasi untuk memeriksa bagaimana laman web anda melihat pada peranti yang berbeza.

400+ blok yang menakjubkan

Mobirise menawarkan beberapa tema yang termasuk slider, galeri, blok artikel, kaunter, akordion, video, teks animasi, jadual penapis langsung, kedai, borang hubungan, peti cahaya, testimonial, garis masa, peta google, bar kemajuan dan banyak lagi. Blok direka berdasarkan tren terkini dalam reka bentuk web, dan mereka fleksibel dan penuh dengan pilihan penyesuaian.


Laman web mudah alih yang cantik!

Membangunkan laman web siap sedia responsif sepenuhnya yang kelihatan hebat pada mana-mana peranti dan penyemak imbas. Pratonton bagaimana laman web anda akan muncul pada telefon, tablet dan desktop langsung dalam editor visual.


Tingkatkan kedudukan anda!

Tapak yang dibuat dengan Mobirise Website Builder adalah 100% mesra mudah alih mengikut Ujian Google terkini dan Google mencintai laman web tersebut ( secara rasminya )!

Pembina Bootstrap

Templat Mobirise berdasarkan Bootstrap 3 dan Bootstrap 4 - kerangka pertama mudah alih yang paling kuat. Sekarang, walaupun anda tidak kod-savvy, anda boleh menjadi sebahagian daripada komuniti bootstrap yang semakin berkembang.

Blok tapak web yang bergaya

Pilih daripada pemilihan besar blok pre-made terkini - intro skrin penuh, bootstrap carousel , slider kandungan , galeri imej responsif dengan peti cahaya , menatal paralaks , latar belakang video , menu hamburger, header melekit dan banyak lagi.

Tuan rumah di mana sahaja

Terbitkan tapak web anda ke pemacu tempatan, FTP atau hos di Amazon S3, Google Cloud, Halaman Github . Jangan menjadi tebusan kepada satu platform atau pembekal perkhidmatan sahaja.

SLIDER IMAGE / CONTENT

Buat tayangan slaid sentuh yang responsif dengan slaid bootstrap Mobirise. Tambah imej, teks, butang ke slaid, tetapkan autoplay, skrin penuh, lebar lebar atau susun atur berkotak.

BORANG HUBUNGI

Mudah menambah borang melanggan dan kenalan tanpa sebarang integrasi sisi pelayan. Cukup hubungkan e-mel anda untuk membentuk dan dapatkan penyerahan dengan serta-merta.

GALERI IMEJ

Mempamerkan gambar anda dalam galeri imej batu dengan grid responsif mudah alih yang dioptimumkan. Lightbox bersepadu mengembang imej kecil ke slider imej pelayar penuh.

MENU MOBILE

Mobirise menu navigasi mendatar runtuh pada peranti ke menu mudah alih tunggal ikon, juga dikenali sebagai " menu hamburger ", untuk pengalaman mudah alih yang sempurna untuk semua pelawat.

GOOGLE MAPS

Bantu pelanggan mencari jalan mereka ke lokasi syarikat anda - cuma letakkan blok Peta Google dan ketik alamat anda.

BUTANG SOSIAL

Tingkatkan penonton anda dan tingkatkan penglibatan media sosial dengan blok "Kongsi Halaman Ini" dan "Ikuti Kami". Kaunter saham sosial memaparkan secara automatik, tanpa sebarang tweaking.

FONTS DAN ICONS

Pilih daripada senarai Font Google yang paling popular dan ikon bebas retina yang sedia ada untuk mereka bentuk rupa & rasa yang unik dengan beberapa tipografi.

LATAR BELAKANG VIDEO

Video boleh menjadi tambahan hebat ke laman web. Bawa laman web anda ke kehidupan dan buat sambungan segera dengan video latar belakang ambien.

APA-APA PAKAR KATA MENGENAI MOBIRIS


"Jika seorang pemaju bangunan laman web meminta saya untuk menunjukkan mereka ke arah pembina laman web yang benar-benar bebas , Mobirise kini akan menjadi tinggi dalam senarai cadangan saya. Saya kagum."

Kaya Ismail
CMS Critic Review

"... yang merupakan cara diplomatik untuk mengatakan" Hallelujah! "kerana mampu membina laman web yang memerlukan pengekodan tanpa sebarang kemahiran pengkodan ."

Roger Hollings
Mobirise Review on KillerStartups

"Mobirise Website Builder adalah penyegar pada dua penyelesaian untuk membuat laman web yang memuat serta pada peranti mudah alih seperti yang mereka lakukan di komputer meja."

Alex Ivanovs
HuffingtonPost Review

"Sebagai Perintis Kategori, Mobirise membuat Bootstrap 3 diakses oleh profesional grafik, penggemar dan pereka web tanpa perlu menguasai asas kod"

Tom Green
Kajian Mobirise di About.com

"Bagi saya, Mobirise kelihatannya seperti projek Lego yang dibuat dengan koleksi atau blok bangunan ... Menghasilkan laman-situs yang bersinar di dunia mudah alih!"

Ric Manning
Kajian Laman Builder GizmoEditor

"Ingin laman yang responsif, mudah alih, HTML, CSS, dan JavaScript didorong tanpa melanggar peluh? Secara percuma? Voila! (Anda dialu-alukan.)"

Mark Gibbs
Rangkaian WorldWorld

"Mobirise melancarkan tema laman web pertama berdasarkan Bootstrap terbaru 4 alpha 2."

Bloomberg
Berita Bloomberg

"Seret dan lepaskan blok dan buat laman web dalam beberapa minit! Mobirise pasti salah satu penyelesaian perisian yang paling mudah untuk bangunan laman web."

Vladimir Ciobica
Kajian Mobirise mengenai Softpedia

"Pembangun Laman Web Mobirise kelihatan hebat, benar-benar mudah digunakan, dan membolehkan anda membina laman web yang bergaya dan menarik tanpa kesulitan sama sekali."

Mike Williams
Kajian Penasihat PC
MUAT TURUN PERCUMA
Mobirise adalah percuma untuk kegunaan peribadi dan komersil. Anda boleh memuat turun dan menggunakan Mobirise untuk laman web anda sendiri atau pelanggan tanpa batasan.


APAKAH PENGGUNA FANTASTIK KAMI

"Aplikasi yang sangat menakjubkan yang membuat saya menyelesaikan laman html dalam masa 3 minit (yang biasanya mengambil masa lebih daripada 1 jam sekurang-kurangnya dari saya jika saya melakukannya dari awal). saya berharap mempunyai perpustakaan yang sangat besar dan plugin untuk APP ini terima kasih sekali lagi untuk aplikasi bagus anda "

Abanoub S.
"Pertama sekali dari tangan anda kepada anda untuk usaha anda dan alat yang hebat, super. Pasukan mobirise kerja yang baik. Kami menjangkakan versi baru tidak lama lagi dengan fungsi awal dengan reka bentuk tema bootstrap penuh. Usaha hebat dan pengalaman UI yang super dengan seretan & drop mudah tanpa pembina bootstrap reka bentuk masa di dunia reka bentuk web sekarang. "

Suffian A.
"Pada pandangan pertama, kelihatan seperti alat inovatif yang bagus, saya suka tumpuan dan masa yang besar yang diberikan kepada reka bentuk responsif, saya juga menyukai ciri seret dan penurunan yang mudah dan jelas. Beri saya lebih banyak kawalan ke atas objek objek dan sakit menggunakan alat ini untuk projek yang lebih serius. Salam. "

Jhollman C.
"Saya telah jauh dari pembangunan web untuk beberapa saat ... tetapi tidak dapat menahan untuk memuat turun dan melihat ini Saya sangat kagum Saya hanya mahu melengkapi anda pada sekeping perisian yang cantik. ramai pengembang web akan mengutuknya ... kerana ia benar-benar menyerahkan kuasa kepada pengguna! Saya fikir ia hebat.

Stewart
"Jangan kata-kata untuk mengatakan .... itu hanya hebat Saya seorang pereka Web profesional selama 20 tahun menggunakan teknik rekaan Web scrap selepas hari-hari perisian drumbeat dibunuh oleh Macromedia, sekarang saya ingat hari-hari indah ... Ini membolehkan saya membuat laman web dalam beberapa minit. Terima kasih pasukan pembangun mobirise.

Ravindra D.
"Menyukainya! Masa yang baik juga telah diteliti untuk ... * Pembina tapak responsif (lebih baik Bootstrap) * Yang boleh menerbitkan tapak ke mana saya mahu ... tetapi saya rasa anda tahu bahawa ;-) Mobirise kelihatan seperti perkara itu! Senang dan mudah digunakan dan berasa kukuh dan boleh dipercayai. Kenali saya jika anda memerlukan penguji. "

Tanya K.
"Saya baru saja memasang perisian reka bentuk web ini. Anda menangkap saya pada masa yang baik kerana saya sedang menyusun semula halaman rumah saya untuk menjadikannya lebih baik untuk mudah alih di laman web saya. Saya sebelum ini menggunakan template berdasarkan skel yang saya diberitahu adalah lebih ringan daripada Bootstrap tetapi saya mendapati ia kurang berfungsi daripada yang sepatutnya jadi saya cuba untuk membangunkan versi Bootstrap sekarang. "

Kevin O.
"Permulaan yang bagus! Pereka grafik kreatif saya fikiran sudah memikirkan jalan sekitar pilihan reka bentuk yang terhad untuk mencipta penampilan yang unik yang saya mahu untuk pelanggan saya menggunakan pilihan imej latar belakang. Saya teruja untuk melihat di mana anda pergi dengan projek baru ini . "

Julie C.
"Mencintai penambahan kepada versi baru aplikasi Mobirise web dev. Ini adalah program reka bentuk yang hebat, direka dengan mesra, mesra pengguna, tanpa kembung, mudah dan senang digunakan. Saya dengan anda sepanjang jalan dengan yang indah ini projek. Teruskan kerja hebat di pembina laman web yang mudah ini. "

David F.
"Saya fikir perkembangan web dunia menjadi lebih mudah dan mudah tetapi ia juga menjadikannya lebih sukar bagi orang-orang seperti saya mencari kerja kerana ramai orang mahu menggunakan laman susun atur responsif yang mudah dilaksanakan dan dilancarkan Saya secara peribadi lebih suka membuat tapak dari awal daripada menggunakan templat. Aplikasi ini agak sejuk walaupun ia menyediakan antara muka drag dan drop yang boleh membuat laman web yang baik dan asli yang mempunyai reka bentuk laman web mudah alih juga. "

Ian G.
"Saya sangat gembira kerana anda membebaskan ini, bukan sahaja idea yang bagus dilaksanakan dengan betul, saya akan menggunakan ini untuk membina laman asas untuk pelanggan dan menghantar sebarang bug atau cadangan kepada saya. dan sangat gembira dengan apa yang boleh dilakukan.Saya sangat suka untuk pasukan Mobirize untuk menambah widget ke perisian reka bentuk laman web anda.Saya yakin bahawa anda akan berada di bahagian atas pasaran jika anda menambah lebih banyak fungsi / fungsi tanpa kehilangan intuitif ! Apa yang membuat produk seperti ini hebat adalah banyak ciri tetapi sangat mudah digunakan Terima kasih! "

Rajat Sh.
"Kami memerlukan alat penciptaan laman web yang mudah.Kita perlu dengan cepat dan mudah mendapatkan laman web yang menarik.Kami perlu melakukan semua ini tanpa harus bekerja melalui" pemaju. "Dan, sejak tahun 1995, saya dan berjuta-juta orang lain telah telah hidup dalam kekecewaan, kerana alat itu tidak pernah ada, tidak pernah. Alat ini adalah grail suci, unicorn terbang ... rakasa neksa ... jarang dan menakjubkan, dan sesuatu yang tidak pernah dilihat oleh seseorang. "

Kick S.
"Sudah tentu, Mobirise anda adalah salah satu pembangun laman web yang terbaik yang saya telah cuba untuk membina laman web yang mudah tetapi berkesan, semuanya baik-baik saja, saya juga mula menggariskan laman web korporat yang berorientasikan produk dan berorientasikan produk baru kami!"

Igor
"Grandiose !!!! Pembuat laman web yang sangat baik - ujian di bawah satu jam dan menyambung saya. Walaupun ia adalah alternatif yang hebat untuk pereka yang mempunyai masa yang singkat dan menghasilkan sesuatu untuk pelanggan kecil."

PixelsArts
"Saya melihat 30 minit dengan pantas di Mobirise dan menyukai cara yang sangat responsif Saya sangat menyukai cara anda boleh mengubah pandangan dari telefon mudah alih melalui tablet dan desktop.

Cavan S.
"Saya hanya ingin memberitahu anda berapa banyak saya suka produk anda - selepas laman coding sejak tahun 1999 - Saya boleh mempunyai halaman pendaratan bertaraf dunia atau tapak mudah dalam beberapa minit Saya mempunyai letupan hebat menggunakan produk ini dari anda! ) Saya adalah pengguna yang sempurna untuk Mobirise, kerana saya adalah usahawan itu, orang yang perlu sering memasang halaman web dan laman web kecil untuk idea, produk, acara, dan sebagainya yang baru dalam menjalankan perniagaan saya yang sibuk. saya di seluruh dunia akan berduyun-duyun ke Mobirise oleh ribuan dan ribuan untuk platform seret dan drop untuk menghasilkan tapak yang cantik, responsif, statik dengan pengekodan ZERO yang benar. "

Jack C.
"Sebagai seseorang yang datang ke reka bentuk web dari reka bentuk grafik saya bekerja secara visual & menggunakan pembina web WYSIWYG dengan beberapa pengetahuan kod terhad - cukup untuk melakukan beberapa pengeditan kecil, memasukkan kod ke kepala / badan dll tetapi itu mengenainya.Namun hantu web responsif Reka bentuk telah menimbang di dalam fikiran saya terlambat, walaupun saya & boleh membuat halaman mudah alih yang berdedikasi ia lebih banyak kerja, walaupun saya lebih suka melihat halaman berdedikasi sebagai responsif cenderung cukup jelas & semua sama. tahu mempunyai pilihan yang responsif akan menjadi perkara yang baik untuk dapat menawarkan jika saya mendapat pelanggan yang menginginkannya. Mobirise anda adalah pembina web responsif pertama yang saya lihat yang sebenarnya mudah & begitu penting - intuitif !! Terima kasih! "

Julie M.
"Saya sangat kagum dengan kerja-kerja yang dibuat untuk mewujudkan Mobirise Saya suka kemudahan yang Laman Web boleh dibina dalam beberapa minit menggunakan produk yang hebat ini. Saya suka proses seret dan drop intuitif dan pendekatan mudah alih pertama. produk, tetapi nampaknya tidak dapat mewujudkan laman web korporat, kerana reka bentuk yang mudah. ​​Secara amnya, saya ingin memuji anda untuk kerja anda Produk ini mengagumkan Dengan lebih banyak pilihan blok, peningkatan fleksibiliti, Mobirise akan bersaing dengan laman web percuma pembina, saya akan berdiri, produk anda mempunyai potensi yang besar.

Chinoms U.
"Wow! Maksud saya WOW. Aplikasi bodoh mudah dan bijak. Bagaimana ia mengambil masa yang lama untuk mewujudkannya. Saya telah keluar dari Web Dev sejak 2010 jadi mungkin hanya jauh dari itu semua mengesankan saya daripada tetapi anda layak mendapat pekerjaan! Anugerah. Saya akan menyampaikan nama anda kepada semua yang saya tahu. Semoga berjaya buat awak dan saya tidak sabar untuk melihat apa yang seterusnya. "

Andrew
"Terima kasih kerana program bangunan web yang hebat. Ia benar-benar hebat dan mudah digunakan. Darn itu ...... Anda semua membuatnya mudah untuk membuat laman web mencari yang baik !!! Teruskan kerja yang bagus."

Lance
"Pencipta pertama yang dimuat turun oleh peminat kemudian fikir orang-orang ini tidak meminta saya untuk apa-apa wang yang tidak mungkin kemudian berfikir mungkin kemudian ketika menerbitkan mereka akan meminta wang.but wohooo yang benar-benar percuma. mengharapkan sesuatu yang besar daripada kamu. saya tidak pernah menulis mel ke mana-mana pemaju tetapi anda telah mencipta alat hebat yang saya terikat untuk menjawab anda. "

Liki P.
"Potensi yang sangat besar dengan produk ini, itu hanya apa yang saya cari. Saya telah melihat semua pembangun dalam talian dan mereka kebanyakannya langganan bulanan atau sedikit rumit untuk digunakan dan akan membawa saya agak lama. Program anda Mobirise kelihatan seperti itu akan sangat mudah digunakan apabila lebih banyak ciri ditambah. Kerja hebat semua orang yang terlibat dalam pembangunan pencipta halaman Mobirise, dan masa yang tepat dengan peraturan Google Responsive baru dalam carian mudah alih. "

Abanoub S.
"Saya fikir saya harus memberitahu anda bahawa kami sedang melakukan percubaan SEO di laman web yang direka dengan perisian anda, kami mengujinya terhadap penghibur terbaik kami dan anda menangguhkan dengan baik. Terdapat banyak program penciptaan laman web yang lebih berkaitan dengan reka bentuk daripada prestasi kita lebih tertarik dengan prestasi daripada reka bentuk. Seperti kata pepatah ... jika anda tidak dapat dijumpai di Google, anda tidak boleh dijumpai.

Suffian A.
"Anda mempunyai formula produk asas yang hebat yang menarik kepada usahawan yang ingin membina laman web mereka sendiri tanpa sebarang pengekodan.Jika anda terus memperbaiki konsep asas ini - tiada kod sama sekali - produk Mobirise akan mendapat lebih ramai pengguna - melakukannya - usahawan sendiri - bebas, bebas, kontrak, solo dan pekerja bukan tradisional lain. Jika anda menambah lebih banyak blok prebuilt untuk menyeret dan menjatuhkan ke laman web, yang akan membantu pertumbuhan. "

Jhollman C.
MUAT TURUN PERCUMA
Mobirise adalah percuma untuk kegunaan peribadi dan komersil. Anda boleh memuat turun dan menggunakan Mobirise untuk laman web anda sendiri atau pelanggan tanpa batasan.


SHARE MOBIRISE!
.
Diterjemah dari: mobirise.com
.

.

Senarai Semak Perlindungan Data dan Pemulihan Bencana


.
Dalam usaha melindungi data, perniagaan kini menghadapi lebih banyak halangan dalam landskap keselamatan daripada sebelumnya. Kami tahu terdapat permintaan yang semakin meningkat untuk infrastruktur yang boleh dipercayai dan berskala, tetapi masalah dengan downtime adalah merumitkan keyakinan perniagaan terhadap sistem yang ada, yang melibatkan semua data yang terlalu berharga dalam proses itu.
Sebagai contoh, 31 peratus daripada responden dalam 2018 Survey Data Centre Survey mengalami gangguan masa yang teruk dan merosakkan, dan hampir 80 peratus mencatatkan bahawa downtime mereka pengalaman dapat dielakkan. Belum lagi, sebelum IOT, organisasi perlu melindungi lokasi pusat dan ROBO mereka. Dengan kemunculan IoT, organisasi perlu melindungi infrastruktur mereka di tepi dan memastikan kebolehpercayaan di luar teras pusat data mereka sahaja.
Nasib baik, trend dalam pemodenan perlindungan data muncul sebagai tindak balas kepada cabaran-cabaran ini dan lain-lain. Untuk memahami atau menggunakan salah satu daripada penyelesaian ini, penting untuk terlebih dahulu memahami apa trend ini. Dari sana, anda boleh mengenal pasti jika anda menghadapi masalah yang sama banyak perniagaan, dan kemudian mengembangkan penyelesaian spesifik aplikasi untuk memenuhi keperluan perlindungan data anda. Mari analisa tren:

Data

Di mana data anda akan berlaku? Berapa banyak yang anda ada? Berapa jenis data yang anda ada? Oleh kerana kerumitan pelbagai data, memilih tempat menyimpan data adalah keputusan yang sukar. Ia boleh wujud di pelayan, desktop, dalam blok, fail, atau storan objek, dan dalam pelbagai awan.

Permintaan

Menurut Kumpulan Strategi Perusahaan (ESG), dua pertiga perkhidmatan mesti pulih dalam masa 2 jam. Oleh sebab objektif masa pemulihan (RTO) dan sasaran titik pemulihan (RPO) semakin berkurangan, perniagaan memerlukan perlindungan yang lebih tinggi.

Virtualisasi

Virtualisasi, sementara yang "must-have" berharga untuk perusahaan hari ini, telah rumit perlindungan data, yang mungkin memaksa IT mengubah atau menambah penyelesaian. Selain itu, pelbagai hypervisors menyumbang kepada cabaran ini, dengan lebih daripada 72 peratus perusahaan pada tahun 2015 menggunakan lebih daripada satu hypervisor, menurut IDC.

Masa

Masa untuk tugas perlindungan data, seperti menyalin data, membuat gambar, dan mengagihkan salinan ke lokasi yang berbeza, semakin menurun, dan tetingkap sandaran telah menyusut kepada sifar. Perlindungan data tradisional adalah membosankan, dan perniagaan hanya tidak mempunyai masa.

Kerumitan

Penyelesaian perlindungan pelbagai, pelayan, peralatan, dan media cakera dan pita bermakna peningkatan kerumitan untuk perniagaan.

Kos

Kos meningkat dengan lebih banyak data, tempoh penyimpanan lama, dan perkakasan dan perisian yang kompleks. Belum lagi, kos dan cabaran mengenai downtime datacenter telah meningkat. Institusi Ponemon melaporkan bahawa sejak tahun 2010, kos downtime telah meningkat sebanyak 38 peratus. Secara khususnya, kos downtime maksimum meningkat 32 peratus sejak 2013 dan 81 peratus sejak 2010. Untuk meletakkan harga ini, kos masa maksimum untuk 2016 ialah $ 2,409,991.

Salinan yang semakin berkembang

Salinan data diperlukan. Perniagaan menggunakannya untuk sandaran, arkib, dan tujuan pemulihan bencana, antara lain. Walau bagaimanapun, lebih banyak bilangan salinan, semakin besar kos dan keputusan yang lebih sukar mesti dibuat mengenai apa yang hendak dibuang.
Sebagai tindak balas terhadap cabaran ini, respons perlindungan berikut telah dibangunkan:

Syot kilat

Jika RPO dua jam adalah matlamat, sandaran aliran tradisional tidak akan memotong. Syot kilat adalah jawapannya. Mereka adalah ruang yang cekap, boleh diambil dengan kerap, dan hanya menggunakan penyimpanan sebagai perubahan data.

Perlindungan App-Centric

Walaupun kaedah sokongan seragam tradisional tidak hilang, lebih banyak organisasi telah menerima pakai virtualisasi dan pengkomputeran awan. Oleh itu, penting untuk tidak hanya melindungi data, tetapi juga aplikasi. Untuk strategi sandaran yang lebih komprehensif, banyak syarikat menggantikan kaedah sandaran lama mereka dengan pendekatan aplikasi-centric.

Replikasi

Jika pusat data utama pergi offline, replikasi memastikan pemulihan berlaku dengan cepat, memenuhi matlamat RTO dan RPO dalam proses. Replikasi asynchronous dan synchronous adalah pemain utama dalam trend ini, meningkat kepada tugas memulihkan data dan menghapuskan kemungkinan kehilangan data masing-masing.

Awan

Kerana awan menyediakan kolam kapasiti tanpa had, ia mengurangkan kos dan kerumitan dan meminimumkan pita. Belum lagi, awan menghilangkan keperluan peruntukan dan perancangan kapasiti untuk perlindungan data.

Pengurusan Data Salinan

Terlalu banyak salinan boleh membuat kekacauan, menjadikan pengurusan sukar. Alternatif - gambar dan klon - menangani isu tersebut, memperkemas pengurusan dan mengurangkan penggunaan storan. Menurut penyelidikan IDC , antara 45 peratus dan 60 peratus daripada jumlah kapasiti storan didedikasikan untuk menampung data salin. Contoh contoh data salin yang paling menonjol adalah kloning pangkalan data bagi kes-kes penggunaan yang berbeza (cth. BI, Analitis, Dev / Ujian, dan lain-lain) merentas beberapa kumpulan dalam organisasi. Oleh itu, memanfaatkan teknologi seperti ruang dan gambar masa yang cekap berdasarkan pelaksanaan redirect-on-write adalah penting untuk mengoptimumkan penggunaan sumber infrastruktur.
Keperluan perlindungan data, secara keseluruhan, terus meningkat, tetapi aplikasi yang berbeda memiliki kebutuhan yang unik, dan beberapa memerlukan perlindungan yang lebih tinggi daripada yang lain.
Tidak semua penyelesaian akan sepadan dengan matlamat RTO dan RPO anda, jadi dapat menyesuaikan isu-isu ini boleh berlumpur dengan teka-teki perlindungan.
Bergantung pada jenis aplikasi, strategi perlindungan anda perlu disesuaikan untuk memenuhi keperluan mereka. Mari kita lihat beberapa aplikasi perusahaan utama dan sediakan beberapa pertimbangan untuk menentukan keperluan perlindungan data.

Aplikasi Aplikasi / Tier 0 dan Tier 1 Pangkalan Data dan Aplikasi

Kami bermula di bahagian atas dengan pangkalan data penting misi dan aplikasi yang berkaitan. Oleh kerana mereka sangat kritikal, mereka memerlukan strategi perlindungan yang lebih lengkap dan berdedikasi.
  • Backup / restore: Aplikasi ini memerlukan backup yang kerap dan kerap. Untuk aplikasi di peringkat ini, aplikasi yang sedang offline atau kehilangan data mempunyai akibat. Dalam kes kesilapan manusia atau perisian bug, backup memastikan pemulihan yang lebih cepat.
  • Pemulihan bencana: Memilih antara replikasi segerak dan asinkron bergantung kepada RPO dan RTO anda. Sebaliknya, replikasi segerak, misalnya, memenuhi keperluan RPO yang lebih kecil sekecil 1 minit.

Pangkalan Data dan Aplikasi Tersuai

Ini dibangunkan di Java, .NET, dan bahasa lain, dan mereka disokong oleh penyelesaian pengurusan pangkalan data relasi. Walaupun tidak misi kritikal, mereka masih memerlukan perlindungan khusus.
  • Backup / restore: Backup biasa dan snapshot yang kerap diperlukan untuk memastikan aplikasi ini dijalankan dengan selamat.
  • Pemulihan bencana: Replikasi asynchronous paling sesuai kerana aplikasi ini memerlukan RPO dan RTO satu jam atau lebih.

Aplikasi berasaskan Web Seterusnya

Rangka kerja aplikasi berasaskan web memimpin dalam perusahaan, dan pangkalan data NoSQL paling sering digunakan. API REST boleh digunakan untuk mengintegrasikan fungsi perlindungan data Nutanix dengan aplikasi.
  • Backup / restore: Untuk mempertahankan kesalahan manusia dan bug perisian, cadangan dan pemulihan adalah penting. Contoh dan klon, misalnya, mudah untuk organisasi yang melakukan penghantaran berterusan (CD).
  • Pemulihan bencana: Ketahanan terbina dalam, dan beberapa contoh setiap perkhidmatan aplikasi wujud di seluruh kelompok dan di seluruh lokasi.
  • Aplikasi dan Virtualisasi Desktop: Bagi aplikasi yang bergerak ke VDI, menyediakan tahap perlindungan data yang sama dari desktop tradisional adalah perkara biasa. Walau bagaimanapun, kegagalan VDI boleh membuang sebahagian besar pekerja, jadi penting untuk memastikan persekitaran VDI dapat diperolehi melalui backup.
Landskap perlindungan data boleh mengelirukan, membosankan, dan menakutkan. Menentukan apa yang diperlukan oleh aplikasi anda adalah penting untuk memilih strategi terbaik untuk menjamin data anda. Kami hanya tercalar permukaan; jika anda sudah bersedia untuk menjaga data anda, lihat Panduan Definitif untuk Perlindungan Data dan Pemulihan Bencana .
.
Diterjemah dari: https://dzone.com/articles/your-data-protection-and-disaster-recovery-checkli
.

4 Langkah Untuk Mula Belajar jQuery


.
Hari ini, jQuery adalah perpustakaan JavaScript penting untuk dipelajari.Banyak pemula sering bertanya bagaimana untuk memulakan dengan jQuery, dan, dalam tutorial ini, saya akan melakukan yang terbaik untuk memberikan jawapan. Saya harap anda mendapati tutorial ini berguna.

Apakah jQuery?

Ia adalah skrip pengaturcaraan yang berjalan dalam pelayar web. Dalam istilah teknikal, jQuery adalah perpustakaan JavaScript-dan saya merasa sangat berguna dan mudah digunakan.
Anda boleh belajar jQuery tidak dalam beberapa hari tetapi dalam beberapa jam.
Tajuk imejBeberapa perkara yang saya suka mengenai jquery ialah:
  1. Ia membuat kod saya sangat singkat.
  2. Saya boleh melakukan tugas yang kompleks seperti memanipulasi struktur HTML halaman web (juga dikenali sebagai Manipulasi DOM) hanya dalam beberapa baris kod.
  3. Pengendalian Acara lebih mudah daripada JavaScript vanila.
  4. Panggilan AJAX sangat mudah.

Belajar jQuery dalam 4 Langkah

Sebagai pemula, anda mungkin mahu melompat dan mencuba fungsi dan prestasi ujian seperti hal-hal baru. Dari perspektif pemula, saya telah mencatatkan empat langkah penting yang akan membantu anda memulakan jQuery dengan segera. Mari kita bincangkan empat langkah ini satu demi satu ...

Langkah 1 - Tambah Rujukan jQuery

Apabila bekerja dengan jQuery, perkara pertama yang perlu dilakukan adalah untuk menambah rujukannya. Rujukan disediakan di kepala halaman.Rujukan diberikan di bawah:
 
Dalam baris di atas, saya merujuk jQuery CDN dari Google Hosted Libraries.
"Jika anda bekerja di tempat yang tidak ada Internet maka rujukan di atas tidak akan berfungsi, dalam hal ini, anda boleh memuat turun jQuery di PC Lokal anda dan merujuknya dari sana. Pautan jQuery download https: // jquery. com / muat turun / "
Jika anda telah memuat turun jQuery pada PC tempatan anda, anda menambahnya ke folder laman web anda dan merujuknya seperti:
  

Langkah 2 - Pengendalian Acara jQuery

Peristiwa seperti butang klik, keyup, keydown, tetikus, fokus, jQueryUncheck acara kotak, dll, boleh diprogram dengan mudah.
Sebagai contoh, di sini saya akan menunjukkan cara untuk memprogramkan klik butang acara di jQuery:

HTML of Page

    
Dalam kod di atas, saya telah meletakkan acara klik butang di dalam $(document).ready(function () { } . Ini kerana ia memberitahu jQuery untuk dijalankan selepas halaman dimuatkan sepenuhnya.
Ingat bahawa semua kod jQuery anda harus disimpan di dalamnya.
Apabila anda menjalankan halaman anda dalam pelayar dan klik butang anda akan mendapat kotak mesej amaran seperti yang ditunjukkan dalam imej di bawah:
jQuery Button Click Event
Mari ambil contoh lain untuk memeriksa sama ada huruf 'Y' ditekan di mana saja di halaman kami, dan kemudian menunjukkan mesej amaran. Berikut adalah kod untuknya:
 $(document).keyup(function (event) { if(event.which==89) { alert("Letter 'Y' is pressed"); } }); 
Perhatikan bahawa 89 adalah peristiwa utama untuk huruf 'Y'.

Langkah 3 - Manipulasi DOM Dengan jQuery

Kita boleh membuat banyak perubahan dalam DOM dengan jQuery, dengan mudah. Jika anda pernah mencuba melakukan ini dengan JavaScript kemudian, kemungkinan besar, anda akan tahu betapa sukarnyanya. Dengan jQuery, ia adalah sekeping kek.
Mari kita melakukan manipulasi DOM mudah untuk menguji diri kita sendiri.Di sini, seseorang terpaksa memilih ibu negara AS dari 7 pilihan. Pilihan diberikan dalam butang radio. Apabila orang memilih yang salah maka teks "Salah" muncul. Apabila mereka memilih yang betul (Washington DC) maka teks "Hak" akan muncul.
Kami membuat ini berlaku pada acara klik butang radio dan menambah 'perenggan' dengan teks "Betul" atau "Salah", di sebelah butang radio.
  
  • Albany
  • Buffalo
  • Kingston
  • Tonawanda
  • Sherrill
  • Washington DC
  • Oneida
Perhatikan bahawa dalam kod jQuery di atas saya periksa nilai butang radio, apabila ia diklik, dan kemudian cari induknya (iaitu "li" elemen). Kepada ibu bapa ini, saya menambah perenggan dengan teks yang sesuai.
jQuery DOM Manipulation

Langkah 4 - jQuery AJAX

Postback separa dicapai dengan permintaan AJAX. Dengan jQuery, kami boleh membuat permintaan AJAX dengan mudah dan memanggil fungsi pelayan (seperti memanggil fungsi PHP atau C #) dengan kod jQuery.Kemudian tunjukkan nilai kembalikan fungsi ini di dalam halaman HTML.
Kadang-kadang anda mungkin perlu menanyakan pangkalan data kami untuk rekod (seperti mencari butiran pelanggan dari pangkalan data berdasarkan nama). Di sini, kita boleh menggunakan jQuery untuk memanggil fungsi PHP / ASP kami (yang mengembalikan butiran pelanggan), dan kemudian menunjukkan butiran dalam div.
Perkara penting yang perlu diperhatikan di sini adalah bahawa anda melakukan ini dalam postback separa.

Kod jQuery AJAX

 
 
Perhatikan bahawa dalam kod di atas saya panggil GetCustomer   fungsi halaman "jquery-ajax.aspx" dan diserahkan kepadanya nama pelanggan sebagai parameter.
Fungsi fungsi ini adalah untuk mendapatkan butiran pelanggan orang dari pangkalan data dan mengembalikannya ke fungsi jQuery. Maklumat ini ditunjukkan di dalam div yang dipanggil customerDetails .

Ringkasan

Saya harap anda mendapati tutorial saya berguna dan selepas membacanya, anda boleh maju ke hadapan dengan membangunkan fungsi jQuery untuk aplikasi web dan laman web.
Jangan ragu untuk menghubungi saya melalui bahagian komen jika anda mempunyai sebarang soalan mengenai jQuery.
.
Diterjemah dari: https://dzone.com/articles/4-steps-to-learn-jquery-for-beginners
.

Lindungi Keselamatan Laman Web Menggunakan Java Spring Boot

Boot Spring sebenarnya sangat mudah ...


.
Dalam tulisan ini, saya akan menerangkan bagaimana Spring menguruskan keselamatan. Saya tidak akan meliputi segala-galanya, sudah tentu - isu keselamatan akan menjadi buku besar, tetapi kami sekurang-kurangnya akan melihat bagaimana untuk mendapatkan laman web.
Seperti biasa, saya ingin bermula dengan mengatakan bahawa kod sumber boleh didapati di halaman GitHub saya. Program ini dibuat di Java menggunakan Spring Boot.
Nah, mari kita mulakan dengan melihat cara untuk mendapatkan laman web di Spring.
Boot Spring sebenarnya sangat mudah kerana kami akan menggunakan apa yang permulaan permulaan Spring, yang tidak lain hanyalah kumpulan pakej yang dikelompokkan oleh fungsi yang mereka tawarkan. Jadi dalam kes ini, pakej itu akan termasuk Web, Thymeleaf, dan, tentu saja, Keselamatan.
Berikut adalah sekilas Eclipse untuk memilih pakej yang diperlukan.
Tajuk imej
Sebilangan besar daripada anda sudah tahu, dependensi fail pom.xml membolehkan anda melihat lebih terperinci.
Thymeleaf adalah perisian yang mengintegrasikan dengan lancar dengan Spring dan mencipta templat laman web. Ini serupa dengan JSP, tetapi Thymeleaf adalah versi yang lebih baik. Atau, jika anda lebih suka JavaServer Faces, ia akan kelihatan seperti JavaEE. Kesnya adalah bahawa ia membolehkan halaman HTML untuk mengintegrasikan dengan lancar dengan kelas kami yang dibangunkan di Spring.
Oleh kerana kami ingin melihat di laman web kami, nama pengguna yang kami rakamkan membolehkan kami menggunakan keselamatan perpustakaan Thymeleaf untuk Spring. Untuk melakukan ini, kami akan memasukkan baris berikut dalam fail pom.xml kami.
 org.thymeleaf.extras   thymeleaf-extras-springsecurity4   3.0.3.RELEASE   

Dan di sini, anda dapat melihat bagaimana ia akan menyusun program kami
Tajuk imej
Kini, kami mula mengisytiharkan kelas pertama kami, yang telah dipanggil WebSecurityConfiguration.java:
 @SpringBootApplication @EnableWebSecurity public class WebSecurityConfiguration extends WebSecurityConfigurerAdapter { public static void main (String [] args) { SpringApplication.run (WebSecurityConfiguration.class, args); } @Bean @Override public AuthenticationManager authenticationManagerBean () throws Exception { super.authenticationManagerBean return (); } @Bean @Override public UserDetailsService userDetailsService () { UserDetails user = User.builder (). Username ( "user"). Password (passwordEncoder (). Encode ( "secret")). roles ( "USER") build ().; UserDetails UserAdmin = User.builder (). Username ( "admin"). Password (passwordEncoder (). Encode ( "secret")). roles ( "ADMIN") build ().; return new InMemoryUserDetailsManager (user, UserAdmin); } @Bean public PasswordEncoder passwordEncoder () { return new BCryptPasswordEncoder (); } @Override protected void set (http HttpSecurity) throws Exception { http .csrf (). disable () .authorizeRequests () .antMatchers ( "/" "/ index", "/ webpublico"). permitAll () .antMatchers ( "/ webprivado"). authenticated () .antMatchers ( "/ webadmin"). hasRole ( "ADMIN"). and () .formLogin () .loginPage ( "/ login") .permitAll () .and () .logout () // get method for I desabilitado CSRF .permitAll (); } } 

Yang pertama ialah menggunakan label @SpringBootApplication  dan @EnableWebSecurity . Teg pertama adalah jelas - sejak permohonan kami, kami mahu bekerja dengan Spring Boot.Yang kedua adalah untuk menentukan bahawa keselamatan web diaktifkan; jujur, label ini tidak diperlukan. Boot Spring sangat pandai, seperti yang kita lihat keselamatan pakej (dalam pom.xml, ingat) dalam projek kami. Ia termasuk mesej ini sekali lagi, yang tidak semestinya sesuatu yang buruk, kerana ia memberikan penjelasan lebih lanjut tetapi, walaupun, berlebihan.
Sekarang, kami menyatakan bahawa kelas kami akan mewarisi dari WebSecurityConfigurerAdapter kerana kita akan menimpa beberapa fungsi kelas itu. Jadi, anda perlu memahami Spring dan melihat apakah terdapat kelas yang mengimplementasikan antara muka WebSecurityConfigurer , yang mengimplementasikan WebSecurityConfigurerAdapterkelas, dan jika ya, ia menggunakan fungsi antara muka itu untuk mengkonfigurasi aplikasi keselamatan.
Sekiranya kita mempunyai kelas yang menggunakan antara muka ini, Spring tidak akan dapat mengakses mana-mana halaman permohonan kami, yang mungkin difahami oleh anda, tidak praktikal.
Kini, kita perlu menulis fungsi authenticationManagerBean  untuk memulangkan kelas yang bertanggungjawab untuk mengurus pengesahan (seperti namanya). Baiklah, anda mungkin tertanya-tanya: tetapi bagaimana pula jika anda hanya memanggil fungsi untuk menentukan? Ini sebenarnya sangat mudah kerana kita menggunakan @Bean   label untuk Spring. Adalah penting untuk mengetahui di mana untuk mendapatkan (menyuntikkan) jenis objek AuthenticationManager   kerana anda perlu mengawal keselamatan.
Dalam fungsi userDetailsService , kami menentukan pengguna yang akan mempunyai akses ke laman web kami. Dalam kes ini, kami mencipta dua pengguna: pengguna dan admin (ya, saya tahu bahawa saya tidak cuba terlalu keras memilih nama itu), masing-masing mempunyai kata laluan dan peranannya sendiri. Jelaskan bahawa ROLE adalah harfiah percuma, yang bermaksud bahawa ini boleh menjadi apa sahaja yang anda mahukan. Contohnya, USER_WITH_EYES - hakikatnya, maka kita akan menggunakan peranan itu, ia harus sepadan dengan surat dengan huruf dengan set.
Juga, ambil perhatian bahawa kata laluan disulitkan, dalam kes ini, dengan Bcrypt algoritma. Kami melakukan ini dengan memanggil passwordEncoder @Bean , yang dijelaskan dengan Spring @Bean   label.
Maksudnya, Spring perlu mengetahui sistem penyulitan yang kita gunakan untuk menyimpan kata laluan, dan ia mencari objek yang menggunakan PasswordEncoder antara muka. Jika kita gagal, kita tidak dapat mencari permohonan itu.
Saya ingin menjelaskan bahawa kami menggunakan cara paling mudah untuk mengisytiharkan pengguna dan menyimpannya, dalam ingatan, dengan kelas InMemoryUserDetailsManager . Dalam program sebenar, ia akan menggunakan JdbcUserDetailsManager , yang membolehkan kami menyimpannya dalam pangkalan data. Atau, ini boleh termasuk mana-mana kelas lain yang melaksanakan antara muka UserDetailsManager , kerana ia boleh menjadi LdapUserDetailsManager   jika kita menggunakan perkhidmatan LDAP.
Dan kerana kita perlu menentukan bahagian mana aplikasi kita akan dilindungi, peranan mesti mempunyai kebenaran untuk mengakses setiap bahagiannya. Ya, saya telah menulis peranan dan bukan pengguna, kerana seperti yang telah kami katakan sebelum ini, apabila anda menentukan pengguna, anda mesti menetapkan peranan. Dan biasanya, peraturan penapisan digunakan oleh kumpulan yang dimiliki pengguna.Untuk menetapkan keizinan untuk setiap sumber, kami akan mengkonfigurasi objek HttpSecurity yang diterima dalam konfigurasi batal fungsi yang dilindungi (HttpSecurity http).
Saya akan menjelaskan garis demi baris apa yang dilakukan dalam fungsi ini:
  • csrf (). disable () 
Pertama, kita melihat CSRF mengawal kawalan. CRSF bermaksud pemalsuan permintaan Cross Site , seperti yang dijelaskan oleh Wikipedia:
Pemalsuan permintaan silang tapak , yang juga dikenali sebagai serangan satu klik atau menunggang sesi dan disingkat CSRF (kadang-kadang disebut surfing laut ) atau XSRF , adalah sejenis eksploit yang berniat jahat di laman web di mana arahan yang tidak dibenarkan dihantar daripada pengguna web amanah permohonan. Terdapat banyak cara di mana tapak web berniat jahat boleh menghantar arahan tersebut; Contohnya, tag imej khusus, bentuk tersembunyi, dan JavaScript XMLHttpRequests, misalnya, semuanya boleh berfungsi tanpa interaksi pengguna atau pengetahuan. Tidak seperti skrip silang tapak (XSS), yang mengeksploitasi kepercayaan pengguna untuk laman web tertentu, CSRF mengeksploitasi kepercayaan bahawa tapak mempunyai dalam pelayar pengguna.
Melumpuhkan CRSF mempunyai kesan sampingan yang boleh melakukan log keluar sesi dengan permintaan HTTP GET jenis, maka lalai hanya dapat dilakukan dengan permintaan POST:
  • .authorizeRequests () .antMatchers ( "/" "/ index", "/ webpublico"). permitAll ()
Kami menyatakan bahawa petisyen di laluan ini dengan mana-mana rentetan "/", "/ index", "/ webpublico" tidak akan mempunyai keselamatan. Itu dibenarkan untuk semua orang.
  • antMatchers ( "/webprivado"). authenticated ()   
Kami menyatakan bahawa permintaan ke laluan "/ webprivado" boleh   hanya diproses jika pengguna disahkan, tanpa menentukan peranan apa yang perlu dimiliki.
  • .antMatchers ( "/webadmin"). hasRole ( "ADMIN")   
Hanya pengguna yang menjadi sebahagian daripada ADMINkumpulan akan mempunyai akses ke URL "/ webadmin."
Fungsi antMatchers   membolehkan penggunaan ungkapan biasa, jadi jika, misalnya, kami ingin memohon peraturan kepada semua yang bergantung pada laluan, kami boleh meletakkan ini:
http.antMatchers ("/ users / **"). hasRole ("USER") untuk menentukan bahawa sebarang permintaan kepada URL / pengguna / XXX hanya mempunyai akses kepada pengguna milik kumpulan USER.
  • .formLogin(). loginPage( "/login"). permitAll()   
Kami menyatakan bahawa halaman masuk akan " / login " dan dibenarkan untuk sampai kepada semua orang.
  • logout(). permitAll()   
Kami menyatakan halaman logout harus dibenarkan untuk mencapai semua orang. Secara lalai, halaman ini jawapan dalam URL " / logout ."
Sempurna. Kami telah menentukan keselamatan laman web kami. Kini, kami hanya menetapkan titik masuk ke halaman.Ini dilakukan di kelas WebController.java .
 @Controller public class WebController { @RequestMapping ({ "/", "index"}) public String start () { return "index"; } @RequestMapping ( "/webprivado") public private String () { "Private" return; } @RequestMapping ( "/webpublico") public String loginpub () { "Public" return; } @RequestMapping ( "/webadmin") public String admin () { return "admin"; } @RequestMapping ( "/login") public String login () { return "login"; } } 

Seperti yang dilihat di atas, kelas mempunyai banyak misteri.W hanya tentukan label @Controller untuk menjadi kelas di mana kita boleh menentukan titik kemasukan untuk permintaan web.
Kami mempunyai fungsi yang berlainan dalam label @RequestMapping   untuk menentukan URL dan diproses oleh setiap fungsi. Oleh itu, permulaan fungsi akan dipanggil apabila permintaan kepada URL, " / " atau " / indeks ."Perhatikan bahawa kita perlu dimasukkan ke dalam bar awal.
Rentetan yang dikembalikan akan menjadi template yang Thymeleaf dikembalikan supaya fungsi mula panggilan akan mengembalikan templat "index.html", seperti ditunjukkan di bawah:
 <! DOCTYPE html>    Home Page </ title> </ Head> <body> <h1>
 Home Page </ h1> <p>
 <a th:href="@{/webpublico}"> Click here to view a page </a> public. </ P> <p>
 If you are a regular user clicks </a> <a th:href="@{/webprivado}"> here to view a private page </ p> <p>
 If you are a regular administrator </a> click <a th:href="@{/webadmin}"> here to see the profile Administrator </ p> <div sec: Authorize = "isAuthenticated ()">
 Hello <span sec: authentication = "name"> someone </ span> <p>
 <a th:href="@{/logout}"> Disconnect </a> </ p> </ Div> </ Body> </ Html></code> </pre>
<p pid="40" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<br style="box-sizing: border-box;"></p>
<p pid="41" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<span class="notranslate" style="box-sizing: border-box;">Bagaimanakah ia kelihatan seperti HTML tulen?</span> <span class="notranslate" style="box-sizing: border-box;">Ini adalah salah satu kelebihan menggunakan tag HTML standard Thymeleaf.</span> <span class="notranslate" style="box-sizing: border-box;">Saya tidak akan menjelaskan bahasa di sini, tetapi saya akan menerangkan beberapa label yang digunakan:</span></p>
<p pid="42" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<span class="notranslate" style="box-sizing: border-box;"><strong style="box-sizing: border-box;"><a th: href="@{/webpublico}"></strong> - Buat pautan ke URL " <strong style="box-sizing: border-box;">/</strong>webpublico."</span> <span class="notranslate" style="box-sizing: border-box;">Ia seperti menggunakan "tag <strong style="box-sizing: border-box;"><a href="/webpublico"></strong> .</span></p>
<p pid="43" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<span class="notranslate" style="box-sizing: border-box;"><strong style="box-sizing: border-box;"><div sec: Authorize = "isAuthenticated ()">
</strong> -</span> <strong style="box-sizing: border-box;"> </strong> <span class="notranslate" style="box-sizing: border-box;">Ini adalah satu-satunya kod yang akan diberikan di DIV jika pengguna disahkan.</span> <span class="notranslate" style="box-sizing: border-box;">Dengan kata lain, jika pengguna tidak log masuk, ia tidak dipaparkan di laman web yang antara tag DIV (sebenarnya, ia tidak akan dipaparkan pada halaman web atau DIV).</span></p>
<p pid="44" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<span class="notranslate" style="box-sizing: border-box;"><strong style="box-sizing: border-box;"><span sec: authentication = "name"> someone </ span></strong> - Jika pengguna log masuk dengan nama pengguna mereka, ia akan menunjukkan apa yang anda ada di antara tag <strong style="box-sizing: border-box;">span.</strong></span><span class="notranslate" style="box-sizing: border-box;">Dalam kes ini, ia menunjukkan seseorang.</span></p>
<p pid="45" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<span class="notranslate" style="box-sizing: border-box;">Dan dengan ini, kami mempunyai aplikasi yang selamat!</span> <span class="notranslate" style="box-sizing: border-box;">Ya, kami mengamankan halaman web dengan hanya dua kelas Java dan fail HTML yang sesuai.</span></p>
<p pid="46" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<span class="notranslate" style="box-sizing: border-box;">Untuk menyelesaikan siaran ini, saya meninggalkan beberapa tangkapan skrin aplikasi:</span></p>
<p pid="47" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<img alt="Tajuk imej" class="fr-fin fr-dib" src="https://dzone.com/storage/temp/10534853-captura-12.png" width="655" style="box-sizing: border-box; border: 0px; vertical-align: middle; max-width: 100%; height: auto; text-align: center; margin: auto; display: block; float: none !important;"></p>
<figure id="attachment_393" style="box-sizing: border-box; margin: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);"><figcaption style="box-sizing: border-box; clear: both; font-size: 16px; margin: 0px 0px 30px 10px; line-height: 1.2; color: rgb(115, 121, 129);"><span class="notranslate" style="box-sizing: border-box;">Ini adalah halaman rumah tanpa mendaftar.</span></figcaption></figure><figure id="attachment_393" style="box-sizing: border-box; margin: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);"><figcaption style="box-sizing: border-box; clear: both; font-size: 16px; margin: 0px 0px 30px 10px; line-height: 1.2; color: rgb(115, 121, 129);"><p style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px;">
<img alt="Tajuk imej" class="fr-fin fr-dib" src="https://dzone.com/storage/temp/10534857-captura1-1.png" width="654" style="box-sizing: border-box; border: 0px; vertical-align: middle; max-width: 100%; height: auto; text-align: center; margin: auto; display: block; float: none !important;"><span class="notranslate" style="box-sizing: border-box;">Ini adalah halaman awam.</span></p>
<p style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px;">
<img alt="Tajuk imej" class="fr-fin fr-dib" src="https://dzone.com/storage/temp/10534866-captura5.png" width="685" style="box-sizing: border-box; border: 0px; vertical-align: middle; max-width: 100%; height: auto; text-align: center; margin: auto; display: block; float: none !important;"></p>
</figcaption></figure><p pid="48" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<span class="notranslate" style="box-sizing: border-box;">Ini kelihatan di laman utama sebaik sahaja ia mengenal pasti 'pengguna'.</span></p>
<p pid="49" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<img alt="Tajuk imej" class="fr-image-dropped fr-fin fr-dib" src="https://dzone.com/storage/temp/10534867-captura2.png" width="600" style="box-sizing: border-box; border: 0px; vertical-align: middle; max-width: 100%; height: auto; text-align: center; margin: auto; display: block; float: none !important;"></p>
<p pid="50" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<span class="notranslate" style="box-sizing: border-box;">Sekarang, kami mengenal pasti pengguna "pengguna:"</span></p>
<p pid="51" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<img alt="Tajuk imej" class="fr-fin fr-dib" src="https://dzone.com/storage/temp/10534869-captura4.png" width="704" style="box-sizing: border-box; border: 0px; vertical-align: middle; max-width: 100%; height: auto; text-align: center; margin: auto; display: block; float: none !important;"></p>
<figure id="attachment_397" style="box-sizing: border-box; margin: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);"><figcaption style="box-sizing: border-box; clear: both; font-size: 16px; margin: 0px 0px 30px 10px; line-height: 1.2; color: rgb(115, 121, 129);"><span class="notranslate" style="box-sizing: border-box;">Sekarang, kita dapat melihat ralat mengakses laman web;</span> <span class="notranslate" style="box-sizing: border-box;">" <b style="box-sizing: border-box;">/ admin</b> " didaftarkan dengan pengguna pengguna 'dan tidak mempunyai keizinan untuk laman web itu.</span></figcaption></figure><p pid="52" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<br style="box-sizing: border-box;"></p>
<p pid="53" style="box-sizing: border-box; margin-top: 5px; margin-bottom: 15px; padding-top: 0px; color: rgb(34, 38, 53); font-family: Cambria, serif; font-size: 19px; background-color: rgb(255, 255, 255);">
<span class="notranslate" style="box-sizing: border-box;">Harap ini membantu!</span> <span class="notranslate" style="box-sizing: border-box;">Selamat coding.</span></p>
<p>
.</p>
<p>
<br></p>
<p>
.</p>

Diterjemah dari sumber: https://dzone.com/articles/securing-a-web-with-spring-boot