added design, and git chapter

This commit is contained in:
www
2020-04-23 18:48:28 +00:00
parent 3f5e3193a3
commit 9751bbde0f
7 changed files with 131 additions and 8 deletions

View File

@@ -3,8 +3,23 @@ title: 1.1. Neue Entwicklungsumgebung einrichten
Für diesen Schritt sind su Rechte notwendig. Wenn du noch keine hast, frag jemanden das für dich zu erledigen. Für diesen Schritt sind su Rechte notwendig. Wenn du noch keine hast, frag jemanden das für dich zu erledigen.
## 1. Terminal öffnen
Auf https://dev.2020.fet.at/#/ gehen und oben "New Terminal" öffnen.
Dann einen auf root machen:
## 1. Neuen Ordner anlegen :::bash
su root
Alternativ kannst du dich per ssh mit dem Server verbinden, dazu in deine ~/.ssh/config folgende Zeile kopieren.
Wenn du kein Linux haben solltest google "Proxycommand Windows".
:::bash
Host andisgeheimemaschine #ANDIS ich kenn die VM nicht
ProxyCommand ssh peter@sputnik.htu.tuwien.ac.at -W %h:%p
## 2. Neuen Ordner anlegen
:::bash :::bash
# Unterordner im Ordner /srv erstellen # Unterordner im Ordner /srv erstellen
@@ -13,7 +28,7 @@ Für diesen Schritt sind su Rechte notwendig. Wenn du noch keine hast, frag jema
# Benutzer www als Owner! # Benutzer www als Owner!
chown www test_1 chown www test_1
## 2. Einen permanenten Test Port zuordnen ## 3. Einen permanenten Test Port zuordnen
Dieser Schritt kann auch übersprungen werden und kurzfristig 8001 bis 8003 verwendet werden. Dieser Schritt kann auch übersprungen werden und kurzfristig 8001 bis 8003 verwendet werden.
@@ -49,5 +64,13 @@ Konfiguration testen und NGinx neu starten
nginx -t nginx -t
systemctl reload nginx systemctl reload nginx
## Dokumentation anlegen ## 4. Dokumentation anlegen
Auf [diese Seite gehen](https://dev.2020.fet.at/#/srv/fet2020_doc) und die [Dokumentation](https://doc.2020.fet.at/) ergänzen. Auf [diese Seite gehen](https://dev.2020.fet.at/#/srv/fet2020_doc) und die [Dokumentation](https://doc.2020.fet.at/) ergänzen:
:::html
</tr>
<tr>
<th scope="row">test_1</th>
<td><a href="https://dev.2020.fet.at/#/srv/test_1" target="_blank"> test_1 von peter </a></td>
<td><a href="https://test_1.2020.fet.at/">test_1.2020.fet.at - DevPort 8105</a> </td>
</tr>

View File

@@ -1 +1 @@
title: Git aktivieren title: "1.4 Git aktivieren"

View File

@@ -0,0 +1,94 @@
title: "1.6. Design & Templates"
In diesem Abschnitt wird die Konfiguration vorgenommen um das gemeinsame css und js zu nutzen.
## Jinja 2 Templates hinzufügen
In einem ersten Schritt wird ein lokaler Ordner erstellt.
Um Jinja2 Templates zu nutzen. und in *settings.py* referenziert
:::python
TEMPLATES = [ ...
{
'BACKEND': 'django.template.backends.jinja2.Jinja2',
'DIRS': [os.path.join(BASE_DIR, 'templates')],
'APP_DIRS': True,
'OPTIONS': {'environment': 'jinja2.Environment',},
}
## Static Files (Css und js)
Sobald wir ein gemeinsames Template festgelegt haben kann dieses dann auf die gleiche Weise genutzt werden.
Jetzt werden die gemeinsamen Static Files hinzugefügt
settings.py:
:::python
STATIC_URL = '/assets/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
'/srv/static/design1/',
]
## Layout bis wir ein gemeinsames haben
Jetzt kann testweise ein Layout erstellt werden:
layout.html
:::jinja2
{% load static %}
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FET Layout</title>
<link rel="stylesheet" href="{% static 'app.css' %}">
{% block header %}
{% endblock %}
</head>
<body>
<div class="top-bar">
<div class="top-bar-left">
<ul class="menu">
<li><a href="">Home</a></li>
<li><a href="article.html">Article</a></li>
</ul>
</div>
</div>
{% block content %}
{% endblock %}
<script src="{%static 'app.js' %}"></script>
</body>
</html>
Ein einfaches Home / Hello World Template schaut dann so aus:
:::jinja2
{% extends 'layout.html' %}
{% block content %}
Hello World
{% endblock %}
Damit kann eine einfache views.py Datei erstellt werden:
:::python
from django.shortcuts import render
from django.http import HttpResponse
def index(request):
return render(request, 'home.html')
und dieser View in der urls.py eingetragen werden:
:::python
from django.contrib import admin
from django.urls import path, include
from . import views
urlpatterns = [
path('', views.index, name='home')
]

View File

@@ -1,4 +1,4 @@
title: Django Fet Login title: "1.5 Django Fet Login"
Django kommt mit einem Administrationsinterface und einem Usermanagement. Django kommt mit einem Administrationsinterface und einem Usermanagement.
Die Anleitung hier ist dazu gedacht den LDAP Login zu übernehmen und automatisch in Django einzuloggen. Die Anleitung hier ist dazu gedacht den LDAP Login zu übernehmen und automatisch in Django einzuloggen.

View File

@@ -16,7 +16,7 @@ image: Documentation-binders.jpg
<tr> <tr>
<th scope="row">andis</th> <th scope="row">andis</th>
<td><a href="https://dev.2020.fet.at/#/srv/django_test/test1" target="_blank">Entwicklung: Django Versuch von Andi </a></td> <td><a href="https://dev.2020.fet.at/#/srv/django_test/test1" target="_blank">Entwicklung: Django Versuch von Andi </a></td>
<td><a href="https://andisdjango.2020.fet.at/"> DevPort 8101</a> </td> <td><a href="https://andisdjango.2020.fet.at/">andisdjango.2020.fet.at - DevPort 8101</a> </td>
</tr> </tr>
<tr> <tr>
<th scope="row">andis</th> <th scope="row">andis</th>
@@ -31,7 +31,13 @@ image: Documentation-binders.jpg
<tr> <tr>
<th scope="row">andis</th> <th scope="row">andis</th>
<td><a href="https://dev.2020.fet.at/#/srv/test_1" target="_blank"> Entwicklung: Test 1 um das Tutorial zu testen und Hello World in Flask umzusetzen </a></td> <td><a href="https://dev.2020.fet.at/#/srv/test_1" target="_blank"> Entwicklung: Test 1 um das Tutorial zu testen und Hello World in Flask umzusetzen </a></td>
<td><a href="https://test1.2020.fet.at/"> DevPort 8104</a> </td> <td><a href="https://test1.2020.fet.at/">test1.2020.fet.at - DevPort 8104</a> </td>
</tr>
</tr>
<tr>
<th scope="row">pet_1</th>
<td><a href="https://dev.2020.fet.at/#/srv/pet_1" target="_blank"> Test1 von peter </a></td>
<td><a href="https://pet_1.2020.fet.at/">pet_1.2020.fet.at - DevPort 8105</a> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>